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:
parent
6a9accf68f
commit
2d014a82b4
10 changed files with 82 additions and 108 deletions
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
|
|
|
@ -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%;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue