cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-12-26 07:22:10 -05:00
Code Issues Projects Releases Packages Wiki 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
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6
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) =>