pikvm/pikvm#919: Scrollable Web UI menues

This commit is contained in:
Maxim Devaev 2023-06-09 03:59:36 +03:00
parent 999a19ca8d
commit 22341044ba

View File

@ -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;