diff options
| author | Maxim Devaev <[email protected]> | 2023-06-09 03:59:36 +0300 |
|---|---|---|
| committer | Maxim Devaev <[email protected]> | 2023-06-09 03:59:36 +0300 |
| commit | 22341044ba6da237f2309a41a7270d39ac12cb19 (patch) | |
| tree | 5dccb2f869020ff299f9e9fed48a2c7a2486dd71 /web/share | |
| parent | 999a19ca8d60cf33943a7ac001781461d4f32f38 (diff) | |
pikvm/pikvm#919: Scrollable Web UI menues
Diffstat (limited to 'web/share')
| -rw-r--r-- | web/share/css/navbar.css | 19 |
1 files changed, 18 insertions, 1 deletions
diff --git a/web/share/css/navbar.css b/web/share/css/navbar.css index 802b34dc..afee8f02 100644 --- a/web/share/css/navbar.css +++ b/web/share/css/navbar.css @@ -106,7 +106,9 @@ ul#navbar li a.menu-button-pressed { ul#navbar li div.menu { visibility: hidden; outline: none; - overflow: hidden; + overflow-x: hidden; + overflow-y: auto; + max-height: calc(100vh - 55px); white-space: nowrap; border: var(--border-navbar-menu-default-2px); border-top: var(--border-navbar-menu-top-thin); @@ -121,6 +123,21 @@ ul#navbar li div.menu-active { border-top: var(--border-navbar-menu-top-thin) !important; } +ul#navbar li div.menu::-webkit-scrollbar { + width: 8px; + height: 8px; +} +ul#navbar li div.menu::-webkit-scrollbar-thumb { + border-radius: 4px; + background: var(--cs-scroll-default-bg); +} +@-moz-document url-prefix() { + ul#navbar li div.menu { + scrollbar-width: 8px; + scrollbar-color: var(--cs-scroll-default-bg) var(--cs-code-default-bg); + } +} + ul#navbar li div.menu details summary { cursor: pointer; outline: none; |