LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-08-28 16:01:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix video sizing, remove unused CSS

Browse source
This commit is contained in:
Jeremy Kauffman 2017-07-02 10:48:18 -04:00
parent f6ad6e7ba7
commit 99cb1a0a65
2 changed files with 4 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
ui/dist/index.html vendored
View file

@ -7,7 +7,6 @@
<link href='https://fonts.googleapis.com/css?family=Raleway:600,300' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Raleway:600,300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600italic,600' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600italic,600' rel='stylesheet' type='text/css'>
<link href="./css/all.css" rel="stylesheet" type="text/css" media="screen,print" /> <link href="./css/all.css" rel="stylesheet" type="text/css" media="screen,print" />
<link rel="stylesheet" href="https://cdn.plyr.io/2.0.12/plyr.css">
<link rel="icon" type="image/png" href="./img/fav/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="./img/fav/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="./img/fav/favicon-194x194.png" sizes="194x194"> <link rel="icon" type="image/png" href="./img/fav/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="./img/fav/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="./img/fav/favicon-96x96.png" sizes="96x96">

10
ui/scss/component/_video.scss
View file

@ -17,9 +17,12 @@ video {
max-width: $width-page-constrained; max-width: $width-page-constrained;
max-height: $height-video-embedded; max-height: $height-video-embedded;
height: $height-video-embedded; height: $height-video-embedded;
position: relative; /*for .plyr below*/ position: relative;
video { video {
height: 100%; height: 100%;
position: absolute;
left: 0;
top: 0;
} }
&.video--hidden { &.video--hidden {
height: $height-video-embedded; height: $height-video-embedded;
@ -27,11 +30,6 @@ video {
&.video--active { &.video--active {
/*background: none;*/ /*background: none;*/
} }
.plyr {
top: 50%;
transform: translateY(-50%);
}
} }
.video--obscured .video__cover .video--obscured .video__cover
{ {