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

strip unused css from initial download

This commit is contained in:
Luke Pulverenti 2015-11-27 13:24:44 -05:00
parent 6a9accf68f
commit 2d014a82b4
10 changed files with 82 additions and 108 deletions

View file

@ -1,71 +0,0 @@
#mediaElement {
display: inline-block;
position: relative;
}
.nowPlayingText {
display: inline-block;
font-weight: normal;
position: relative;
top: -7px;
margin: 0 0 0 3px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: middle;
text-align: left;
font-size: 15px;
max-width: 130px;
}
.mediaButton.infoButton {
width: 34px;
height: 34px;
}
.mediaButton.active {
color: #52B54B;
}
@media (min-width: 500px) {
.nowPlayingText {
max-width: 180px;
}
}
@media (min-width: 600px) {
.nowPlayingText {
max-width: 200px;
}
}
@media (min-width: 800px) {
.nowPlayingText {
margin-right: 30px;
}
}
.mediaButton img {
height: 24px;
}
.currentTime {
display: inline-block;
vertical-align: middle;
max-width: 110px;
margin-right: 2em;
font-weight: normal;
}
.mediaPlayerAudioContainer {
position: fixed;
top: 40%;
text-align: center;
left: 0;
right: 0;
}
.mediaPlayerAudioContainerInner {
padding: 1em;
background: #222;
}

View file

@ -1,4 +1,58 @@
/* Now playing bar */
.nowPlayingText {
display: inline-block;
font-weight: normal;
position: relative;
top: -7px;
margin: 0 0 0 3px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: middle;
text-align: left;
font-size: 15px;
max-width: 130px;
}
.mediaButton.infoButton {
width: 34px;
height: 34px;
}
.mediaButton.active {
color: #52B54B;
}
@media (min-width: 500px) {
.nowPlayingText {
max-width: 180px;
}
}
@media (min-width: 600px) {
.nowPlayingText {
max-width: 200px;
}
}
@media (min-width: 800px) {
.nowPlayingText {
margin-right: 30px;
}
}
.mediaButton img {
height: 24px;
}
.currentTime {
display: inline-block;
vertical-align: middle;
max-width: 110px;
margin-right: 2em;
font-weight: normal;
}
/* Now playing bar */
.nowPlayingBar {
border-top: 1px solid #444;
text-align: center;

View file

@ -664,19 +664,6 @@ div[data-role="controlgroup"] a.ui-btn-active {
transform: translateY(-205%);
}
.largePanel {
width: 270px !important;
}
/* Make panels larger */
.largePanelModalOpen.ui-panel-dismiss-position-right {
right: 270px !important;
}
.largePanelModalOpen.ui-panel-dismiss-position-left {
left: 270px !important;
}
.checkboxContainer {
white-space: nowrap;
}
@ -696,22 +683,6 @@ div[data-role="controlgroup"] a.ui-btn-active {
padding: .7em .5em;
}
@media all and (min-width: 340px) {
.largePanel {
width: 300px !important;
}
/* Make panels larger */
.largePanelModalOpen.ui-panel-dismiss-position-right {
right: 300px !important;
}
.largePanelModalOpen.ui-panel-dismiss-position-left {
left: 300px !important;
}
}
textarea {
width: 100%;
}