aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2026-01-28 03:04:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: replace slider thumb circles with lightning bolt icons for zap splits

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

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

@@ -68,28 +68,36 @@
.zap-split-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--color-primary);
width: 24px;
height: 24px;
border-radius: 4px;
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-size: 16px 16px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
transition: all 0.2s ease;
}
.zap-split-slider::-webkit-slider-thumb:hover {
background: var(--color-primary-hover);
background-color: var(--color-primary-hover);
transform: scale(1.1);
}
.zap-split-slider::-moz-range-thumb {
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--color-primary);
width: 24px;
height: 24px;
border-radius: 4px;
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-size: 16px 16px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
border: none;
transition: all 0.2s ease;
}
.zap-split-slider::-moz-range-thumb:hover {
background: var(--color-primary-hover);
background-color: var(--color-primary-hover);
transform: scale(1.1);
}
.zap-split-description {