Web: Files/People/Common: Fixed header style
This commit is contained in:
parent
76465323ff
commit
1a53841499
@ -10,7 +10,8 @@ const { tablet, desktop } = utils.device;
|
||||
const { getSettings } = store.auth.selectors;
|
||||
|
||||
const StyledContainer = styled.div`
|
||||
display: flex;
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr auto auto;
|
||||
align-items: center;
|
||||
|
||||
.arrow-button {
|
||||
|
@ -10,7 +10,8 @@ import { setFilter } from "../../../../../store/people/actions";
|
||||
import styled from "styled-components";
|
||||
|
||||
const Wrapper = styled.div`
|
||||
display: flex;
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr auto auto;
|
||||
align-items: center;
|
||||
|
||||
.arrow-button {
|
||||
|
@ -46,7 +46,8 @@ const { EmployeeStatus } = constants;
|
||||
const StyledContainer = styled.div`
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr auto auto;
|
||||
align-items: center;
|
||||
|
||||
.action-button {
|
||||
|
@ -12,7 +12,8 @@ import {
|
||||
} from "../../../../../store/people/actions";
|
||||
import { resetProfile } from "../../../../../store/profile/actions";
|
||||
const Wrapper = styled.div`
|
||||
display: flex;
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr auto auto;
|
||||
align-items: center;
|
||||
|
||||
.arrow-button {
|
||||
|
@ -7,7 +7,8 @@ import { useTranslation } from "react-i18next";
|
||||
import styled from "styled-components";
|
||||
|
||||
const Wrapper = styled.div`
|
||||
display: flex;
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr auto auto;
|
||||
align-items: center;
|
||||
|
||||
.arrow-button {
|
||||
|
@ -24,7 +24,7 @@ const StyledSectionHeader = styled.div`
|
||||
}
|
||||
|
||||
.section-header {
|
||||
width: calc(100% - 76px);
|
||||
//width: calc(100% - 76px);
|
||||
|
||||
@media ${tablet} {
|
||||
width: 100%;
|
||||
@ -37,12 +37,12 @@ const StyledSectionHeader = styled.div`
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
max-width: calc(100vw - 435px);
|
||||
//max-width: calc(100vw - 435px);
|
||||
|
||||
@media ${tablet} {
|
||||
/* @media ${tablet} {
|
||||
max-width: ${(props) =>
|
||||
props.isArticlePinned ? `calc(100vw - 320px)` : `calc(100vw - 96px)`};
|
||||
}
|
||||
props.isArticlePinned ? `calc(100vw - 320px)` : `calc(100vw - 96px)`};
|
||||
}*/
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
Loading…
Reference in New Issue
Block a user