matous-volf/todo-baggins
1
1
Fork 0
Code Issues 27 Pull Requests Actions Projects 1 Activity

feat: UI overhaul
All checks were successful
actionlint check / actionlint check (pull_request) Successful in 9s
Details
conventional commit messages check / conventional commit messages check (pull_request) Successful in 10s
Details
conventional pull request title check / conventional pull request title check (pull_request) Successful in 6s
Details
dotenv-linter check / dotenv-linter check (pull_request) Successful in 20s
Details
GitLeaks check / GitLeaks check (pull_request) Successful in 15s
Details
checkov check / checkov check (pull_request) Successful in 1m11s
Details
hadolint check / hadolint check (pull_request) Successful in 15s
Details
htmlhint check / htmlhint check (pull_request) Successful in 27s
Details
markdownlint check / markdownlint check (pull_request) Successful in 25s
Details
Prettier check / Prettier check (pull_request) Successful in 26s
Details
Stylelint check / Stylelint check (pull_request) Successful in 19s
Details
ShellCheck check / ShellCheck check (pull_request) Successful in 40m25s
Details
yamllint check / yamllint check (pull_request) Successful in 40m9s
Details
Rust check / Rust check (pull_request) Successful in 1h0m51s
Details

Browse Source
This commit is contained in:
Matouš Volf
2026-01-28 19:36:00 +01:00
parent be1a21b746
commit dea49ffd39
41 changed files with 840 additions and 994 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
assets/styles/input_range.css
View File

@@ -8,56 +8,37 @@ input[type="range"] {
background: transparent;
}
input[type="range"]::-moz-range-thumb {
input[type="range"]::-moz-range-thumb,
input[type="range"]::-webkit-slider-thumb {
width: 1.25rem;
height: 1.25rem;
background: rgba(228 228 231);
background: var(--color-gray-400);
filter: drop-shadow(0 var(--spacing) 0 var(--color-gray-500));
border: 0;
border-radius: 0.5rem;
cursor: pointer;
}
input[type="range"]::-moz-range-progress {
background: #525259;
input[type="range"]::-webkit-slider-thumb {
position: relative;
top: -9px;
}
input[type="range"]::-moz-range-track,
input[type="range"]::-webkit-slider-runnable-track {
background: var(--color-gray-800-muted);
height: 0.5rem;
filter: drop-shadow(
0 calc(0px - var(--spacing)) 0 var(--color-gray-900-muted)
);
border-radius: 0.25rem;
}
input[type="range"]::-moz-range-track {
background: rgba(39 39 42 / 50%);
height: 0.5rem;
border-radius: 0.25rem;
}
input[type="range"].input-range-reverse::-moz-range-progress {
background: #2d2d31;
height: 0.5rem;
border-radius: 0.25rem;
}
input[type="range"].input-range-reverse::-moz-range-track {
background: rgba(113 113 122 / 50%);
height: 0.5rem;
border-radius: 0.25rem;
}
input[type="range"]::-webkit-slider-thumb {
width: 1.25rem;
height: 1.25rem;
background: rgba(228 228 231);
border: 0;
border-radius: 0.5rem;
position: relative;
top: -0.4rem;
transform: translateY(3px);
}
input[type="range"]::-webkit-slider-runnable-track {
background: rgba(39 39 42 / 50%);
height: 0.5rem;
border-radius: 0.25rem;
}
input[type="range"].input-range-reverse::-webkit-slider-runnable-track {
background: rgba(39 39 42 / 50%);
height: 0.5rem;
border-radius: 0.25rem;
position: relative;
top: 3px;
}

7
assets/styles/select_arrow.css Normal file
View File

@@ -0,0 +1,7 @@
select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%239ca3af' d='M300.3 440.8C312.9 451 331.4 450.3 343.1 438.6L471.1 310.6C480.3 301.4 483 287.7 478 275.7C473 263.7 461.4 256 448.5 256L192.5 256C179.6 256 167.9 263.8 162.9 275.8C157.9 287.8 160.7 301.5 169.9 310.6L297.9 438.6L300.3 440.8z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 2rem;
background-position: right 0.5rem center;
}