danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix download modal progress bar height. fix text in wishlist/watchlist buttons appearing outside container

Browse source
This commit is contained in:
Broque Thomas 2026-03-10 10:51:36 -07:00
parent 87db94554a
commit c96159d0fc
1 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
webui/static/style.css
View file

@ -409,7 +409,7 @@ body {
transition: width 0.1s linear; transition: width 0.1s linear;
} }
.progress-bar { .player-top-progress .progress-bar {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -424,14 +424,14 @@ body {
margin: 0; margin: 0;
} }
.progress-bar::-webkit-slider-track { .player-top-progress .progress-bar::-webkit-slider-track {
width: 100%; width: 100%;
height: 3px; height: 3px;
background: transparent; background: transparent;
border-radius: 2px; border-radius: 2px;
} }
.progress-bar::-webkit-slider-thumb { .player-top-progress .progress-bar::-webkit-slider-thumb {
-webkit-appearance: none; -webkit-appearance: none;
appearance: none; appearance: none;
width: 10px; width: 10px;
@ -449,18 +449,18 @@ body {
opacity: 1; opacity: 1;
} }
.progress-bar::-webkit-slider-thumb:hover { .player-top-progress .progress-bar::-webkit-slider-thumb:hover {
transform: scale(1.2); transform: scale(1.2);
box-shadow: 0 0 0 4px rgba(var(--accent-rgb), 0.2); box-shadow: 0 0 0 4px rgba(var(--accent-rgb), 0.2);
} }
.progress-bar::-webkit-slider-thumb:active { .player-top-progress .progress-bar::-webkit-slider-thumb:active {
transform: scale(1.3); transform: scale(1.3);
box-shadow: 0 0 0 6px rgba(var(--accent-rgb), 0.25); box-shadow: 0 0 0 6px rgba(var(--accent-rgb), 0.25);
} }
/* Firefox progress bar styling */ /* Firefox progress bar styling */
.progress-bar::-moz-range-track { .player-top-progress .progress-bar::-moz-range-track {
width: 100%; width: 100%;
height: 3px; height: 3px;
background: transparent; background: transparent;
@ -468,7 +468,7 @@ body {
border: none; border: none;
} }
.progress-bar::-moz-range-thumb { .player-top-progress .progress-bar::-moz-range-thumb {
width: 10px; width: 10px;
height: 10px; height: 10px;
background: #fff; background: #fff;
@ -5188,6 +5188,7 @@ body {
.header-actions { .header-actions {
display: flex; display: flex;
gap: 10px; gap: 10px;
flex-wrap: wrap;
} }
.header-button { .header-button {
@ -5203,6 +5204,9 @@ body {
font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif; font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, sans-serif;
outline: none; outline: none;
user-select: none; user-select: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
/* Enhanced glassmorphic effect */ /* Enhanced glassmorphic effect */
backdrop-filter: blur(8px) saturate(1.2); backdrop-filter: blur(8px) saturate(1.2);