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

animate now playing bar

Browse source
This commit is contained in:
Luke Pulverenti 2015-11-30 00:33:29 -05:00
parent 4a80f8d99b
commit 7dd1eedf26
21 changed files with 3722 additions and 6204 deletions
Download patch file Download diff file Expand all files Collapse all files

30
dashboard-ui/css/nowplayingbar.css
View file

@ -64,7 +64,9 @@
background-color: rgba(26,26,26,.94);
border-top: 1px solid #444;
text-align: center;
/*box-shadow: 0 0 8px rgba(255,255,255,.4);*/
display: flex;
flex-direction: row;
align-items: center;
}
.hiddenNowPlayingBar .nowPlayingBar {
@ -91,10 +93,6 @@
}
.nowPlayingBarInfoContainer {
vertical-align: middle;
position: absolute;
left: 0;
bottom: 0;
}
.nowPlayingImage {
@ -166,9 +164,11 @@
vertical-align: middle;
text-align: center;
margin-top: 12px;
position: relative;
/* Need this to make sure it's on top of nowPlayingBarPositionContainer so that buttons are fully clickable */
z-index: 2;
position: absolute;
left: 0;
right: 0;
}
.nowPlayingBarPositionContainer {
@ -210,10 +210,8 @@
}
.nowPlayingBarRight {
position: absolute;
bottom: 12px;
right: 10px;
vertical-align: middle;
position: relative;
margin: 0 1em 0 auto;
/* Need this to make sure it's on top of nowPlayingBarPositionContainer so that buttons are fully clickable */
z-index: 2;
}
@ -255,18 +253,14 @@
.nowPlayingBar .playlistButton {
display: none !important;
}
.nowPlayingBarRight {
bottom: 18px;
}
}
@media all and (max-width: 800px) {
.nowPlayingBarCurrentTime {
padding-left: 0;
top: 12px;
right: 130px;
top: 22px;
right: 140px;
position: absolute;
}
@ -274,10 +268,6 @@
display: none !important;
}
.nowPlayingBarRight {
bottom: 10px;
}
.nowPlayingBar, .nowPlayingImage img {
height: 70px;
}