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

Web:Common:Section: fix section main bar width

Browse Source
This commit is contained in:
Timofey Boyko 2022-05-05 17:38:09 +03:00
parent 4055c07fb4
commit 24b90d0d65
1 changed files with 3 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/asc-web-common/components/Section/index.js
View File

@ -40,13 +40,8 @@ const StyledMainBar = styled.div`
box-sizing: border-box;
margin-left: -20px;
/* width: calc(100vw - 256px);
max-width: calc(100vw - 256px); */
width: ${(props) =>
props.infoPanelIsVisible ? "calc(100vw - 657px)" : "calc(100vw - 256px)"};
max-width: ${(props) =>
props.infoPanelIsVisible ? "calc(100vw - 657px)" : "calc(100vw - 256px)"};
width: calc(100% + 20px);
#bar-banner {
margin-bottom: -3px;
@ -58,19 +53,13 @@ const StyledMainBar = styled.div`
}
@media ${tablet} {
width: ${(props) =>
props.showText ? "calc(100vw - 240px)" : "calc(100vw - 52px)"};
max-width: ${(props) =>
props.showText ? "calc(100vw - 240px)" : "calc(100vw - 52px)"};
width: calc(100% + 16px);
margin-left: -16px;
}
${isMobile &&
css`
width: ${(props) =>
props.showText ? "calc(100vw - 240px)" : "calc(100vw - 52px)"} !important;
max-width: ${(props) =>
props.showText ? "calc(100vw - 240px)" : "calc(100vw - 52px)"} !important;
width: calc(100% + 32px) !important;
margin-left: -16px;
`}