style/menus: tweak header layout and add multi-column menu divider line

This commit is contained in:
Adorian Doran 2025-09-20 01:11:24 +03:00
parent 0b05f597dc
commit 8877eded9b

View File

@ -378,6 +378,7 @@ button kbd {
body.desktop .dropdown-menu,
body.desktop .tabulator-popup-container {
border: 1px solid var(--dropdown-border-color);
column-rule: 1px solid var(--dropdown-border-color);
box-shadow: 0px 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity));
animation: dropdown-menu-opening 100ms ease-in;
}
@ -466,6 +467,11 @@ body #context-menu-container .dropdown-item > span {
border: 1px solid transparent !important;
}
.dropdown-header {
break-after: avoid;
break-inside: avoid;
}
.dropdown-item.disabled,
.dropdown-item.disabled kbd {
color: #aaa !important;