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

Web:Components:Fixed missing dark theme shadow on sort list on mobile.

Browse Source
This commit is contained in:
Vlada Gazizova 2023-04-12 11:06:09 +03:00
parent a1e2402c9a
commit 87b3cecbfa
2 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/components/drop-down/styled-drop-down.js
View File

@ -1,5 +1,6 @@
import styled, { css } from "styled-components";
import Base from "../themes/base";
import { isMobileOnly } from "react-device-detect";
const StyledDropdown = styled.div`
@media (orientation: landscape) {
@ -58,6 +59,14 @@ const StyledDropdown = styled.div`
box-shadow: ${(props) => props.theme.dropDown.boxShadow};
-moz-box-shadow: ${(props) => props.theme.dropDown.boxShadow};
-webkit-box-shadow: ${(props) => props.theme.dropDown.boxShadow};
${(props) =>
(props.isMobileView || isMobileOnly) &&
css`
box-shadow: ${(props) => props.theme.dropDown.boxShadowMobile};
-moz-box-shadow: ${(props) => props.theme.dropDown.boxShadowMobile};
-webkit-box-shadow: ${(props) => props.theme.dropDown.boxShadowMobile};
`}
padding: ${(props) => !props.maxHeight && props.itemCount > 1 && `4px 0px`};
${(props) =>
props.columnCount &&

1
packages/components/themes/dark.js
View File

@ -1375,6 +1375,7 @@ const Dark = {
borderRadius: "6px",
boxShadow:
"0px 16px 16px rgba(0, 0, 0, 0.16), 0px 8.1px 6.975px rgba(0, 0, 0, 0.108), 0px 3.2px 2.6px rgba(0, 0, 0, 0.08), 0px 0.7px 0.925px rgba(0, 0, 0, 0.052)",
boxShadowMobile: "0px -4px 60px rgba(0, 0, 0, 0.25)",
border: "1px solid #474747",
},