Web: Files/People/Common: Fixed header style

This commit is contained in:
Alexey Kostenko 2020-12-10 09:48:35 +03:00
parent 76465323ff
commit 1a53841499
6 changed files with 15 additions and 10 deletions

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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)`};
}*/
}
}
`;