jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-05 00:00:18 -04:00
Code Issues Projects Releases Wiki Activity

fix(client): update css selector for soundbar styling (#65808)

Browse Source
This commit is contained in:
Aditya Singh
2026-02-11 00:15:25 +05:30
committed by GitHub
parent cb6a17716c
commit ac655eaae7
1 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/components/settings/sound.css
View File

@@ -3,16 +3,13 @@
width: 100%;
height: 25px;
background: var(--quaternary-background);
}
input[type='range'] {
appearance: none;
overflow: hidden;
border: 2px solid var(--secondary-color);
}
/* Special styling for WebKit/Blink */
input[type='range']::-webkit-slider-thumb {
.soundbar::-webkit-slider-thumb {
box-shadow: -2000px 0 0 2000px var(--gray-45);
-webkit-appearance: none;
border: 2px solid var(--primary-color);
@@ -23,7 +20,7 @@ input[type='range']::-webkit-slider-thumb {
}
/* All the same stuff for Firefox */
input[type='range']::-moz-range-thumb {
.soundbar::-moz-range-thumb {
box-shadow: -2000px 0 0 2000px var(--gray-45);
border: 2px solid var(--primary-color);
border-radius: 0;
@@ -33,7 +30,7 @@ input[type='range']::-moz-range-thumb {
cursor: pointer;
}
input[type='range']::-moz-range-progress {
.soundbar::-moz-range-progress {
background: var(--gray-90);
height: 25px;
}