MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-11-23 19:17:46 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web] Fix player buttons not being highlighted

Browse Source
This commit is contained in:
Alain Nussbaumer
2025-06-09 15:22:33 +02:00
parent ce59d36a96
commit 6028c39408
3 changed files with 34 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
web-src/src/styles.scss
View File

@@ -12,30 +12,44 @@
--bulma-navbar-item-color-l: var(#{$color-l});
}
@media (prefers-color-scheme: dark) {
.is-top {
.is-top {
@media (prefers-color-scheme: dark) {
@include navbar(dark);
}
}
@media (prefers-color-scheme: light) {
.is-top {
@media (prefers-color-scheme: light) {
@include navbar(light);
}
[data-theme='dark'] & {
@include navbar(dark);
}
[data-theme='light'] & {
@include navbar(light);
}
}
[data-theme='dark'] .is-top {
@include navbar(dark);
}
[data-theme='light'] .is-top {
@include navbar(light);
}
.is-bottom {
@include navbar(dark);
}
button.navbar-item:hover {
--bulma-navbar-item-background-l-delta: var(
--bulma-navbar-item-hover-background-l-delta
);
--bulma-navbar-item-background-a: 1;
background-color: hsla(
var(--bulma-navbar-h),
var(--bulma-navbar-s),
calc(
var(--bulma-navbar-item-background-l) +
var(--bulma-navbar-item-background-l-delta)
),
var(--bulma-navbar-item-background-a)
);
}
.navbar-item {
width: var(--bulma-navbar-height);
justify-content: center;
@@ -49,7 +63,6 @@
@extend .is-overlay;
z-index: 1;
background-color: rgba(10, 10, 10, 0.5);
position: fixed;
}
.dropdown-menu.is-mobile {