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

Windowed video now centered

Browse source 
The window size is responsive as well, resizing with the browser
viewport.
This commit is contained in:
Tim Hobbs 2014-03-03 15:55:19 -08:00
parent 96c607f203
commit 8ef5062d9f
2 changed files with 39 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

35
dashboard-ui/css/mediaplayer.css
View file

@ -71,13 +71,13 @@
}
.itemVideo {
position: absolute;
z-index: 99998;
height: auto;
width: 270px;
bottom: 45px;
border: 1px solid #444;
background: #000;
border: 1px solid #444;
position: fixed;
top: 50%;
left: 50%;
width: 1080px;
}
.fullscreenVideo {
@ -90,6 +90,7 @@
height: 100%;
border: 0;
z-index: 99996;
margin: 0 !important;
}
.currentTime {
@ -283,36 +284,30 @@ input[type="range"]::-ms-fill-upper {
padding-left: 5px;
}
@media (min-width: 750px) {
@media (min-width: 50px) {
.itemVideo:not(.fullscreenVideo) {
width: 320px;
}
}
@media (min-width: 750px) {
.itemVideo:not(.fullscreenVideo) {
width: 480px;
}
}
@media (min-width: 1200px) {
.itemVideo:not(.fullscreenVideo) {
width: 320px;
width: 720px;
}
}
@media (min-width: 1440px) {
.itemVideo:not(.fullscreenVideo) {
width: 400px;
width: 1080px;
}
.positionSliderContainer {
width: 300px;
}
}
@media (min-width: 1700px) {
.itemVideo:not(.fullscreenVideo) {
width: 500px;
}
}
@media (min-width: 2400px) {
.itemVideo:not(.fullscreenVideo) {
width: 550px;
}
}