Better menu styles

This commit is contained in:
Lim Chee Aun 2023-02-11 00:15:20 +08:00
parent 722852f5c2
commit 0040deaa0a

View file

@ -996,15 +996,22 @@ button.carousel-dot:is(.active, [disabled].active) {
box-shadow: 0 3px 6px var(--drop-shadow-color); box-shadow: 0 3px 6px var(--drop-shadow-color);
text-align: left; text-align: left;
animation: appear 0.15s ease-in-out; animation: appear 0.15s ease-in-out;
width: 16em;
max-width: 90vw;
} }
.szh-menu .szh-menu__item { .szh-menu .szh-menu__item {
padding: 8px 16px !important; padding: 8px 16px !important;
transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
.szh-menu .szh-menu__item * { .szh-menu .szh-menu__item * {
vertical-align: middle; vertical-align: middle;
} }
.szh-menu .szh-menu__item a { .szh-menu .szh-menu__item a {
overflow: hidden;
text-overflow: ellipsis;
display: block; display: block;
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
@ -1019,6 +1026,9 @@ button.carousel-dot:is(.active, [disabled].active) {
color: var(--button-text-color); color: var(--button-text-color);
background-color: var(--button-bg-color); background-color: var(--button-bg-color);
} }
.szh-menu__divider {
background-color: var(--divider-color);
}
/* DONUT METER */ /* DONUT METER */