aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2025-12-17 14:44:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve lightning bolt icon centering and sizing on slider thumbs

Browse Source
This commit is contained in:
Gigi
2025-10-15 19:18:57 +02:00
parent bf9ca48d64
commit 3dc8d7d440
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/styles/components/settings.css
View File

@@ -73,11 +73,14 @@
border-radius: 4px; border-radius: 4px;
background-color: var(--color-primary); background-color: var(--color-primary);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M13 2L3 14h8l-1 8 10-12h-8l1-8z'/%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M13 2L3 14h8l-1 8 10-12h-8l1-8z'/%3E%3C/svg%3E");
background-size: 16px 16px; background-size: 14px 14px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center center;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
position: relative;
top: 0;
margin-top: 0;
} }
.zap-split-slider::-webkit-slider-thumb:hover { .zap-split-slider::-webkit-slider-thumb:hover {
background-color: var(--color-primary-hover); background-color: var(--color-primary-hover);
@@ -89,12 +92,15 @@
border-radius: 4px; border-radius: 4px;
background-color: var(--color-primary); background-color: var(--color-primary);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M13 2L3 14h8l-1 8 10-12h-8l1-8z'/%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M13 2L3 14h8l-1 8 10-12h-8l1-8z'/%3E%3C/svg%3E");
background-size: 16px 16px; background-size: 14px 14px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center center;
cursor: pointer; cursor: pointer;
border: none; border: none;
transition: all 0.2s ease; transition: all 0.2s ease;
position: relative;
top: 0;
margin-top: 0;
} }
.zap-split-slider::-moz-range-thumb:hover { .zap-split-slider::-moz-range-thumb:hover {
background-color: var(--color-primary-hover); background-color: var(--color-primary-hover);