abner
/
for-legacy-web
mirror of https://github.com/stoatchat/for-legacy-web
1
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

fix(details): fixed for glass header

pull/1049/head
trashtemp 2021-12-30 14:13:25 +01:00
parent 7d3707ef78
commit 75b26308fa
1 changed files with 8 additions and 1 deletions
Show Stats 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) =>