LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

ControlBar: use specificity instead of !important

Browse source 
The color should also be a variable...
This commit is contained in:
infinite-persistence 2021-12-08 10:19:39 +08:00
parent 7e1c0c53e4
commit 61c73f1572
No known key found for this signature in database
GPG key ID: B9C3252EDC3D0AA0
1 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
ui/scss/component/_videojs.scss
View file

@ -1,3 +1,5 @@
$control-bar-height: 41px; // would '3.5em' be better than px?
.video-js { .video-js {
font-size: 12px; font-size: 12px;
overflow: hidden; overflow: hidden;
@ -5,6 +7,8 @@
// Control Bar (container) // Control Bar (container)
.vjs-control-bar { .vjs-control-bar {
background: none; background: none;
color: #dbd8d8;
height: $control-bar-height;
&::before { &::before {
position: absolute; position: absolute;
@ -165,11 +169,6 @@
} }
} }
.vjs-control-bar {
height: 41px !important;
color: #dbd8d8;
}
.vjs-playback-rate { .vjs-playback-rate {
margin-top: 3px; margin-top: 3px;
font-size: 12px !important; font-size: 12px !important;