MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-07-16 04:11:55 -04: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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
htdocs/assets/index.css
View File

File diff suppressed because one or more lines are too long

12
web-src/package-lock.json generated
View File

@ -1949,9 +1949,9 @@
"license": "MIT"
},
"node_modules/acorn": {
"version": "8.14.1",
"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
"integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
"version": "8.15.0",
"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
"integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
"dev": true,
"license": "MIT",
"bin": {
@ -2198,9 +2198,9 @@
}
},
"node_modules/core-js": {
"version": "3.42.0",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-3.42.0.tgz",
"integrity": "sha512-Sz4PP4ZA+Rq4II21qkNqOEDTDrCvcANId3xpIgB34NDkWc3UduWj2dqEtN9yZIq8Dk3HyPI33x9sqqU5C8sr0g==",
"version": "3.43.0",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-3.43.0.tgz",
"integrity": "sha512-N6wEbTTZSYOY2rYAn85CuvWWkCK6QweMn7/4Nr3w+gDBeBhk/x4EJeY6FPo4QzDoJZxVTv8U7CMvgWk6pOHHqA==",
"hasInstallScript": true,
"license": "MIT",
"funding": {

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 {