Resolve #159 and more design issues

This commit is contained in:
djmaze 2021-11-15 12:16:02 +01:00
parent 6b8020b8f5
commit 8a351e5763
15 changed files with 31 additions and 110 deletions

View file

@ -28,6 +28,9 @@
// The dropdown menu (ul)
// ----------------------
.dropdown-menu {
max-height: 60vh;
max-width: 90vw;
overflow: auto;
position: absolute;
top: 100%;
left: 0;
@ -51,32 +54,22 @@
// Links within the dropdown menu
a {
background-color: var(--dropdown-menu-bg-color, #fff);
color: var(--main-color, @dropdownLinkColor);
display: block;
padding: 3px 10px;
clear: both;
font-weight: normal;
line-height: @baseLineHeight;
color: @dropdownLinkColor;
text-decoration: none;
white-space: nowrap;
}
}
// Hover state
// -----------
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus {
.dropdown-menu li:not(.disabled) > a:hover,
.dropdown-menu li:not(.disabled) > a:focus {
background-color: var(--dropdown-menu-hover-bg-color, #444);
color: var(--dropdown-menu-hover-color, #eee);
text-decoration: none;
color: @dropdownLinkColorHover;
background-color: @dropdownLinkBackgroundHover;
}
// Active state
// ------------
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
color: @dropdownLinkColorHover;
text-decoration: none;
background-color: @dropdownLinkBackgroundActive;
}
// Disabled state
@ -85,10 +78,6 @@
.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
color: @grayLight;
}
// Nuke hover effects
.dropdown-menu .disabled > a:hover {
text-decoration: none;
background-color: transparent;
cursor: default;
cursor: not-allowed;
opacity: 0.5;
}