Horizontal42/summarum
1
0
Fork 0
mirror of https://github.com/Horizontal42/summarum.git synced 2026-11-10 19:11:58 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

design: style the results-width slider to match the theme

Browse source 
It was still the bare OS-native slider — flat gray track everywhere
else in Settings is themed. Now a thin themed track with an accent
thumb that grows slightly while dragging.
This commit is contained in:
Horizontal42 2026-07-03 12:53:47 +03:00
parent 708206d245
commit 88a60c4e73
1 changed files with 23 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/ui/app.css
View file

@ -470,6 +470,29 @@ body {
font-size: 12.5px; font-size: 12.5px;
width: 110px; width: 110px;
} }
#settings-panel input[type="range"] {
-webkit-appearance: none;
appearance: none;
width: 110px;
height: 4px;
border-radius: 2px;
background: var(--border);
cursor: pointer;
}
#settings-panel input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 14px;
height: 14px;
border-radius: 50%;
background: var(--accent);
cursor: grab;
transition: transform 0.1s ease;
}
#settings-panel input[type="range"]:active::-webkit-slider-thumb {
cursor: grabbing;
transform: scale(1.15);
}
.path-btn { .path-btn {
background: var(--bg); background: var(--bg);
color: var(--fg); color: var(--fg);