diff --git a/.beans/sendou.ink-ekv0--collapse-sidenav-button-flashes-on-mobile-page-loa.md b/.beans/sendou.ink-ekv0--collapse-sidenav-button-flashes-on-mobile-page-loa.md index e6d1addcc..573e63e91 100644 --- a/.beans/sendou.ink-ekv0--collapse-sidenav-button-flashes-on-mobile-page-loa.md +++ b/.beans/sendou.ink-ekv0--collapse-sidenav-button-flashes-on-mobile-page-loa.md @@ -1,10 +1,11 @@ --- # sendou.ink-ekv0 title: Collapse sidenav button flashes on mobile page load -status: todo +status: completed type: bug +priority: normal created_at: 2026-01-15T19:16:35Z -updated_at: 2026-01-15T19:16:35Z +updated_at: 2026-01-17T06:04:49Z --- The collapse sidenav button should not be visible on mobile at all, but it currently flashes briefly during page load before being hidden. It should not show even for a fraction of a second. \ No newline at end of file diff --git a/app/components/layout/index.module.css b/app/components/layout/index.module.css index 89ea2ed93..a81019ddb 100644 --- a/app/components/layout/index.module.css +++ b/app/components/layout/index.module.css @@ -110,7 +110,8 @@ padding: var(--s-1) var(--s-2); } -.sideNavCollapseButton { +/* Doubled selector increases specificity to beat Button.module.css's display: flex */ +.sideNavCollapseButton.sideNavCollapseButton { display: none; & svg { @@ -121,7 +122,7 @@ } @media screen and (min-width: 600px) { - .sideNavCollapseButton { + .sideNavCollapseButton.sideNavCollapseButton { display: flex; } }