mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

update video osd

Browse source
This commit is contained in:
Luke Pulverenti 2017-01-11 03:00:03 -05:00
parent e9b1b4ad5f
commit 0444d44461
6 changed files with 128 additions and 222 deletions
Download patch file Download diff file Expand all files Collapse all files

54
dashboard-ui/videoosd.html
View file

@ -27,34 +27,40 @@
opacity: 0;
}
.scenePicker {
position: fixed;
left: 12%;
bottom: 20%;
right: 0;
display: flex;
flex-direction: row;
align-items: center;
}
.chapterThumb {
height: 24vh;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
.chapterThumbContainer {
-moz-box-shadow: 0 0 1.9vh #000;
-webkit-box-shadow: 0 0 1.9vh #000;
box-shadow: 0 0 1.9vh #000;
border: solid 1px #222;
margin: 1vh;
transition: opacity ease-out .3s;
flex-grow: 1;
position: relative;
}
.chapterThumb:not(.selectedChapterThumb) {
height: 22vh;
opacity: .2;
border-color: black;
}
.chapterThumb {
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
border: 0;
height: 20vh;
}
.chapterThumbTextContainer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
padding: .25em .5em;
}
.chapterThumbText {
padding: .25em 0;
margin: 0;
opacity: 1;
}
.chapterThumbText-dim {
opacity: .6;
}
.videoOsdBottom {
position: fixed;
@ -181,8 +187,6 @@
</style>
<div class="pageContainer flex">
</div>
<div class="scenePicker hide hiddenScrollX">
</div>
<div class="videoOsdBottom">