fix(details): fixed for glass header

2021-12-30 14:13:25 +01:00 · 2021-12-30 14:13:25 +01:00 · 75b26308fa
parent 7d3707ef78
commit 75b26308fa
1 changed files with 8 additions and 1 deletions
--- a/src/components/ui/Details.tsx
+++ b/src/components/ui/Details.tsx
@ -1,13 +1,20 @@
 import styled, { css } from "styled-components";

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

        ${(props) =>