MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-07-16 12:21:59 -04:00
Code Issues Packages Projects Releases Wiki Activity

[web] Fix style of player controls

Browse Source
This commit is contained in:
Alain Nussbaumer 2025-05-11 20:14:33 +02:00
parent dbfc727b21
commit ae59d23660
1 changed files with 28 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
web-src/src/mystyles.scss
View File

@ -6,17 +6,38 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
.navbar { .navbar {
background-color: var(--bulma-dark); background-color: var(--bulma-dark);
&-item {
--bulma-navbar-item-color: hsl(
var(--bulma-navbar-invert-h),
var(--bulma-navbar-invert-s),
var(--bulma-navbar-item-color-invert-l)
);
--bulma-navbar-item-background-l: var(--bulma-light-invert-l);
}
} }
.navbar-item { }
--bulma-navbar-item-color: hsl(
var(--bulma-navbar-invert-h), button.navbar-item {
var(--bulma-navbar-invert-s), background-color: hsla(
var(--bulma-navbar-item-color-invert-l) var(--bulma-navbar-h),
); var(--bulma-navbar-s),
--bulma-navbar-item-background-l: var(--bulma-light-invert-l); calc(
var(--bulma-navbar-item-background-l) +
var(--bulma-navbar-item-background-l-delta)
),
var(--bulma-navbar-item-background-a)
);
&:hover {
--bulma-navbar-item-background-l-delta: var(--bulma-navbar-item-hover-background-l-delta);
--bulma-navbar-item-background-a: 1;
} }
} }
.navbar-item {
width: var(--bulma-navbar-height);
justify-content: center;
}
.is-disabled { .is-disabled {
cursor: not-allowed; cursor: not-allowed;
opacity: 0.5; opacity: 0.5;
@ -25,11 +46,6 @@
} }
} }
.navbar-item {
width: var(--bulma-navbar-height);
justify-content: center;
}
.media:first-of-type { .media:first-of-type {
padding-top: 1rem; padding-top: 1rem;
} }