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

Web:Common: Fixed applying tablet styles for tablets larger than 1024px to desktop styles.

Browse Source
This commit is contained in:
Vlada Gazizova 2023-03-12 18:26:37 +03:00
parent 26dd6c28f0
commit 0fd2142e82
1 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
packages/common/components/Section/sub-components/info-panel.js
View File

@ -34,12 +34,14 @@ const StyledInfoPanelWrapper = styled.div.attrs(({ id }) => ({
${isMobile &&
css`
z-index: 309;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
@media ${tablet} {
z-index: 309;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
`}
`;
@ -65,11 +67,13 @@ const StyledInfoPanel = styled.div`
${isMobile &&
css`
position: absolute;
border: none;
right: 0;
width: 480px;
max-width: calc(100vw - 69px);
@media ${tablet} {
position: absolute;
border: none;
right: 0;
width: 480px;
max-width: calc(100vw - 69px);
}
`}
@media (max-width: 428px) {
@ -102,10 +106,11 @@ const StyledControlContainer = styled.div`
${isMobile &&
css`
display: flex;
top: 18px;
left: -27px;
@media ${tablet} {
display: flex;
top: 18px;
left: -27px;
}
`}
@media (max-width: 428px) {