diff options
Diffstat (limited to 'public/assets/ok.css')
| -rw-r--r-- | public/assets/ok.css | 24 |
1 files changed, 16 insertions, 8 deletions
diff --git a/public/assets/ok.css b/public/assets/ok.css index 83a8bee..053add2 100644 --- a/public/assets/ok.css +++ b/public/assets/ok.css @@ -145,16 +145,18 @@ h3 { .menu { position: fixed; - height: 100vh; + height: calc(100vh - 24px); width: 50vw; - top: 0; + top: 24px; left: 0; z-index: 2; transform: translateZ(0) translateX(-50vw); - padding: 24px 0 5px 0; + padding: 0 0 5px 0; transition: 150ms transform cubic-bezier(0, 0, 0, 1); z-index: 0; opacity: 0; +} +.desktop .menu { -webkit-column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0px; @@ -165,6 +167,14 @@ h3 { page-break-inside: avoid; break-inside: avoid-column; } +.mobile .menu { + overflow: scroll; + -webkit-overflow-scrolling: scroll; + top: 32px; +} +.mobile .scroll { + width: 100%; +} .menu ul { height: 100%; @@ -187,10 +197,6 @@ ul li[data-id='dump-fm'] { text-transform: none; } -.mobile ul li:first-child { - padding-top: 11px; -} - .desktop .menu ul li:hover, .menu ul li.active { background: black; @@ -220,9 +226,11 @@ nav { transform: translateZ(0) translateX(0vw); z-index: 2; opacity: 1; - overflow: auto; background: #f9f9f9; } +.desktop .navopen .menu { + overflow: auto; +} .navopen .item { transform: translateZ(0) translateX(50vw); |
