HMC/handmade-revolt
2
0
Fork 0
forked from abner/for-legacy-web
Code Pull Requests Actions Activity

fix(details): fixed for glass header

Browse Source
This commit is contained in:
trashtemp
2021-12-30 14:13:25 +01:00
parent 675992bbc1
commit 672b657f58
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/ui/Details.tsx
View File

@@ -1,13 +1,20 @@
import styled, { css } from "styled-components"; import styled, { css } from "styled-components";
import { isTouchscreenDevice } from "../../lib/isTouchscreenDevice";
export default styled.details<{ sticky?: boolean; large?: boolean }>` export default styled.details<{ sticky?: boolean; large?: boolean }>`
summary { summary {
${(props) => ${(props) =>
props.sticky && props.sticky &&
css` css`
top: -1px; top: 48px;
z-index: 10; z-index: 10;
position: sticky; position: sticky;
${() =>
isTouchscreenDevice &&
css`
top: 56px;
`}
`} `}
${(props) => ${(props) =>