milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

update style for active sessions

Browse source
This commit is contained in:
dkanada 2021-02-06 15:48:53 +09:00
parent d7161f9d65
commit 59a673e088
2 changed files with 34 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/assets/css/dashboard.css
View file

@ -320,7 +320,6 @@ div[data-role=controlgroup] a.ui-btn-active {
.sessionCardFooter {
padding-top: 0.5em !important;
padding-bottom: 1em !important;
border-top: 1px solid #eee;
text-align: center;
position: relative;
}
@ -346,15 +345,11 @@ div[data-role=controlgroup] a.ui-btn-active {
right: 0;
bottom: 0;
font-weight: 400;
background: rgba(0, 0, 0, 0.7);
display: flex;
flex-direction: column;
}
.sessionNowPlayingContent-withbackground + .sessionNowPlayingInnerContent {
color: #fff !important;
background: rgba(0, 0, 0, 0.7);
}
.sessionAppName {
vertical-align: top;
max-width: 200px;
@ -377,10 +372,6 @@ div[data-role=controlgroup] a.ui-btn-active {
padding: 0.8em 0.5em;
}
.sessionNowPlayingStreamInfo {
white-space: nowrap;
}
.playbackProgress,
.transcodingProgress {
margin: 0;
@ -393,6 +384,7 @@ div[data-role=controlgroup] a.ui-btn-active {
margin: -0.6em;
}
.activeSession .backgroundProgress,
.activeSession .playbackProgress,
.activeSession .transcodingProgress {
position: absolute;
@ -409,9 +401,14 @@ div[data-role=controlgroup] a.ui-btn-active {
}
.transcodingProgress > div {
z-index: 900;
background-color: #dd4919;
}
.backgroundProgress > div {
background-color: #303030;
}
@media all and (max-width: 34.375em) {
.sessionAppName {
max-width: 160px;