IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Common: fixed article width

Browse Source
This commit is contained in:
Viktor Fomin 2021-03-19 18:46:05 +03:00
parent 04d1642fac
commit ab84569dcf
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/asc-web-common/components/PageLayout/sub-components/article.js
View File

@ -20,7 +20,7 @@ const StyledArticle = styled.article`
background: #f8f9f9; background: #f8f9f9;
min-width: 265px; min-width: 265px;
height: 100% !important; height: 100% !important;
max-width: ${(props) => (props.isLoaded ? "calc(100vw - 368px)" : "265px")}; max-width: 265px;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden auto; overflow: hidden auto;
display: flex; display: flex;
@ -30,15 +30,17 @@ const StyledArticle = styled.article`
cursor: ew-resize !important; cursor: ew-resize !important;
} }
} }
${isMobile && ${
css` isMobile &&
margin-top: 56px; css`
height: calc(100% - 56px) !important; margin-top: 56px;
width: 240px !important; height: calc(100% - 56px) !important;
@media ${tablet} { width: 240px !important;
margin-top: ${(props) => (props.pinned ? "56px;" : "0;")}; @media ${tablet} {
} margin-top: ${(props) => (props.pinned ? "56px;" : "0;")};
`} }
`
}
@media ${tablet} { @media ${tablet} {
padding: 0 16px; padding: 0 16px;
${(props) => ${(props) =>