gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat(client): style code block scrollbar (#41556)

Browse Source 
Styles the scrollbar within the python challenges answer box.
This commit is contained in:
Nicholas Carrigan (he/him)
2021-03-25 04:36:28 -07:00
committed by GitHub
parent 6b63da3996
commit 746380b14d
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
client/src/templates/Challenges/video/show.css
View File

@@ -37,7 +37,21 @@
.video-quiz-options > label { .video-quiz-options > label {
margin: 0; margin: 0;
align-items: center; align-items: center;
overflow-x: scroll; overflow-x: auto;
}
.video-quiz-options > label::-webkit-scrollbar {
height: 15px;
}
.video-quiz-options > label {
scrollbar-width: thin;
scrollbar-color: var(--quaternary-background) var(--secondary-background);
}
.video-quiz-options > label::-webkit-scrollbar-track {
background: var(--secondary-background);
}
.video-quiz-options > label::-webkit-scrollbar-thumb {
background-color: var(--quaternary-background);
} }
.video-quiz-option-label { .video-quiz-option-label {