Better menu styles
This commit is contained in:
parent
722852f5c2
commit
0040deaa0a
1 changed files with 10 additions and 0 deletions
10
src/app.css
10
src/app.css
|
@ -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 */
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue