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

consistent styling

Browse source
This commit is contained in:
Jeremy Kauffman 2020-04-27 18:44:19 -04:00 • committed by Sean Yesmunt
parent 94a5dc47af
commit 49128322d5
1 changed files with 9 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
ui/scss/component/_file-render.scss
View file

@ -321,6 +321,12 @@
display: none; display: none;
} }
.video-js:hover {
.vjs-big-play-button {
background-color: var(--color-primary);
}
}
.file-render { .file-render {
.video-js { .video-js {
display: flex; display: flex;
@ -331,6 +337,7 @@
.vjs-big-play-button { .vjs-big-play-button {
@extend .button--icon; @extend .button--icon;
@extend .button--play; @extend .button--play;
background-color: rgba(0, 0, 0, 0.6);
border: none; border: none;
position: static; position: static;
z-index: 2; z-index: 2;
@ -343,22 +350,11 @@
.file-render--embed { .file-render--embed {
/* on embeds, do not inject our colors until interaction*/ /* on embeds, do not inject our colors until interaction*/
.video-js.vjs-paused {
.vjs-big-play-button {
background-color: rgba(0, 0, 0, 0.6);
&.vjs-paused {
.vjs-big-play-button { .vjs-big-play-button {
display: block; display: block;
} }
} }
}
.video-js:hover {
.vjs-big-play-button {
background-color: var(--color-primary);
}
}
} }
.autoplay-countdown { .autoplay-countdown {