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

Altered playback stepdown in size

Browse source 
It is now a little smoother when window is resized.
This commit is contained in:
Tim Hobbs 2014-03-03 16:16:55 -08:00
parent e2bd44c0bd
commit d653d2cb4b
1 changed files with 15 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -77,7 +77,7 @@
position: fixed; position: fixed;
top: 50%; top: 50%;
left: 50%; left: 50%;
width: 1080px; width: 320px;
} }
.fullscreenVideo { .fullscreenVideo {
@ -284,24 +284,30 @@ input[type="range"]::-ms-fill-upper {
padding-left: 5px; padding-left: 5px;
} }
@media (min-width: 50px) { @media (min-width: 640px) {
.itemVideo:not(.fullscreenVideo) {
width: 320px;
}
}
@media (min-width: 750px) {
.itemVideo:not(.fullscreenVideo) { .itemVideo:not(.fullscreenVideo) {
width: 480px; width: 480px;
} }
} }
@media (min-width: 1200px) { @media (min-width: 800px) {
.itemVideo:not(.fullscreenVideo) {
width: 640px;
}
}
@media (min-width: 960px) {
.itemVideo:not(.fullscreenVideo) { .itemVideo:not(.fullscreenVideo) {
width: 720px; width: 720px;
} }
} }
@media (min-width: 1200px) {
.itemVideo:not(.fullscreenVideo) {
width: 1080px;
}
}
@media (min-width: 1440px) { @media (min-width: 1440px) {
.itemVideo:not(.fullscreenVideo) { .itemVideo:not(.fullscreenVideo) {
width: 1080px; width: 1080px;