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

rename detailButton-mobile to detailButton

Browse source
This commit is contained in:
grafixeyehero 2020-01-22 23:14:28 +03:00
parent 474e53cc47
commit a592ac2b1a
2 changed files with 62 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/assets/css/librarybrowser.css
View file

@ -4,7 +4,7 @@
vertical-align: middle
}
.detailButton-mobile,
.detailButton,
.itemLinks,
.listPaging,
.sectionTabs,
@ -95,7 +95,7 @@
display: flex;
}
.detailButton-mobile,
.detailButton,
.skinHeader {
flex-direction: column;
}
@ -563,7 +563,7 @@
}
}
.detailButton-mobile,
.detailButton,
.mainDetailButtons {
display: flex;
}
@ -601,7 +601,7 @@
margin-top: 1.5em !important
}
.detailButton-mobile {
.detailButton {
display: flex;
flex-direction: column;
justify-content: center;
@ -610,39 +610,35 @@
padding: .5em .7em !important
}
.detailButton {
margin: 0 .5em 0 0 !important
}
@media all and (min-width:29em) {
.detailButton-mobile {
.detailButton {
padding-left: .75em !important;
padding-right: .75em !important
}
}
@media all and (min-width:32em) {
.detailButton-mobile {
.detailButton {
padding-left: .8em !important;
padding-right: .8em !important
}
}
@media all and (min-width:35em) {
.detailButton-mobile {
.detailButton {
padding-left: .85em !important;
padding-right: .85em !important
}
}
.detailButton-mobile-content {
.detailButton-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.detailButton-mobile-icon {
.detailButton-icon {
font-size: 1.6em !important;
width: 1em;
height: 1em
@ -654,7 +650,7 @@
width: 22.786458333333332vw;
}
.detailButton-mobile-text {
.detailButton-text {
margin-top: .7em;
font-size: 80%;
font-weight: 400
@ -665,7 +661,7 @@
margin-left: -.5em
}
.detailButton {
.detailButtonHideonMobile {
display: none !important
}
}

102
src/itemdetails.html
View file

@ -15,94 +15,94 @@
</div>
<div class="mainDetailButtons">
<button is="emby-button" type="button" class="button-flat btnResume hide detailButton" data-mode="resume">
<div class="detailButton-mobile-content">
<i class="md-icon detailButton-mobile-icon">play_arrow</i>
<div class="detailButton-mobile-text">${ButtonResume}</div>
<button is="emby-button" type="button" class="button-flat btnResume hide detailButton detailButtonHideonMobile" data-mode="resume">
<div class="detailButton-content">
<i class="md-icon detailButton-icon">play_arrow</i>
<div class="detailButton-text">${ButtonResume}</div>
</div>
</button>
<button is="emby-button" type="button" class="button-flat btnPlay hide detailButton" data-mode="play">
<div class="detailButton-mobile-content">
<i class="md-icon detailButton-mobile-icon">play_arrow</i>
<div class="detailButton-mobile-text">${ButtonPlay}</div>
<button is="emby-button" type="button" class="button-flat btnPlay hide detailButton detailButtonHideonMobile" data-mode="play">
<div class="detailButton-content">
<i class="md-icon detailButton-icon">play_arrow</i>
<div class="detailButton-text">${ButtonPlay}</div>
</div>
</button>
<button is="emby-button" type="button" class="button-flat btnDownload hide detailButton-mobile">
<div class="detailButton-mobile-content">
<i class="md-icon detailButton-mobile-icon">get_app</i>
<div class="detailButton-mobile-text">${ButtonDownload}</div>
<button is="emby-button" type="button" class="button-flat btnDownload hide detailButton">
<div class="detailButton-content">
<i class="md-icon detailButton-icon">get_app</i>
<div class="detailButton-text">${ButtonDownload}</div>
</div>
</button>
<button is="emby-button" type="button" class="button-flat btnPlayTrailer hide detailButton-mobile">
<div class="detailButton-mobile-content">
<i class="md-icon detailButton-mobile-icon">theaters</i>
<div class="detailButton-mobile-text">${ButtonTrailer}</div>
<button is="emby-button" type="button" class="button-flat btnPlayTrailer hide detailButton">
<div class="detailButton-content">
<i class="md-icon detailButton-icon">theaters</i>
<div class="detailButton-text">${ButtonTrailer}</div>
</div>
</button>
<button is="emby-button" type="button" class="button-flat btnInstantMix hide detailButton-mobile">
<div class="detailButton-mobile-content">
<i class="md-icon detailButton-mobile-icon">shuffle</i>
<div class="detailButton-mobile-text">${HeaderInstantMix}</div>
<button is="emby-button" type="button" class="button-flat btnInstantMix hide detailButton">
<div class="detailButton-content">
<i class="md-icon detailButton-icon">shuffle</i>
<div class="detailButton-text">${HeaderInstantMix}</div>
</div>
</button>
<button is="emby-button" type="button" class="button-flat btnShuffle hide detailButton-mobile">
<div class="detailButton-mobile-content">
<i class="md-icon detailButton-mobile-icon">shuffle</i>
<div class="detailButton-mobile-text">${ButtonShuffle}</div>
<button is="emby-button" type="button" class="button-flat btnShuffle hide detailButton">
<div class="detailButton-content">
<i class="md-icon detailButton-icon">shuffle</i>
<div class="detailButton-text">${ButtonShuffle}</div>
</div>
</button>
<button is="emby-button" type="button" class="button-flat btnCancelSeriesTimer hide detailButton-mobile">
<div class="detailButton-mobile-content">
<i class="md-icon detailButton-mobile-icon">delete</i>
<div class="detailButton-mobile-text">${CancelSeries}</div>
<button is="emby-button" type="button" class="button-flat btnCancelSeriesTimer hide detailButton">
<div class="detailButton-content">
<i class="md-icon detailButton-icon">delete</i>
<div class="detailButton-text">${CancelSeries}</div>
</div>
</button>
<button is="emby-button" type="button" class="button-flat btnCancelTimer hide detailButton-mobile">
<div class="detailButton-mobile-content">
<i class="md-icon detailButton-mobile-icon">stop</i>
<div class="detailButton-mobile-text">${StopRecording}</div>
<button is="emby-button" type="button" class="button-flat btnCancelTimer hide detailButton">
<div class="detailButton-content">
<i class="md-icon detailButton-icon">stop</i>
<div class="detailButton-text">${StopRecording}</div>
</div>
</button>
<button is="emby-button" type="button" class="button-flat btnDeleteItem hide detailButton-mobile">
<div class="detailButton-mobile-content">
<i class="md-icon detailButton-mobile-icon">delete</i>
<div class="detailButton-mobile-text">${Delete}</div>
<button is="emby-button" type="button" class="button-flat btnDeleteItem hide detailButton">
<div class="detailButton-content">
<i class="md-icon detailButton-icon">delete</i>
<div class="detailButton-text">${Delete}</div>
</div>
</button>
<button is="emby-playstatebutton" type="button" class="button-flat btnPlaystate hide detailButton-mobile">
<div class="detailButton-mobile-content">
<i class="md-icon detailButton-mobile-icon">check</i>
<div class="detailButton-mobile-text button-text"></div>
<button is="emby-playstatebutton" type="button" class="button-flat btnPlaystate hide detailButton">
<div class="detailButton-content">
<i class="md-icon detailButton-icon">check</i>
<div class="detailButton-text button-text"></div>
</div>
</button>
<button is="emby-ratingbutton" type="button" class="button-flat btnUserRating hide detailButton-mobile">
<div class="detailButton-mobile-content">
<i class="md-icon detailButton-mobile-icon">favorite</i>
<div class="detailButton-mobile-text button-text">${Rate}</div>
<button is="emby-ratingbutton" type="button" class="button-flat btnUserRating hide detailButton">
<div class="detailButton-content">
<i class="md-icon detailButton-icon">favorite</i>
<div class="detailButton-text button-text">${Rate}</div>
</div>
</button>
<button is="emby-button" type="button" class="button-flat btnSplitVersions hide detailButton">
<div class="detailButton-mobile-content">
<i class="md-icon detailButton-mobile-icon">call_split</i>
<div class="detailButton-mobile-text">${ButtonSplit}</div>
<div class="detailButton-content">
<i class="md-icon detailButton-icon">call_split</i>
<div class="detailButton-text">${ButtonSplit}</div>
</div>
</button>
<button is="emby-button" type="button" class="button-flat btnMoreCommands hide detailButton-mobile">
<div class="detailButton-mobile-content">
<i class="md-icon detailButton-mobile-icon"></i>
<div class="detailButton-mobile-text">${ButtonMore}</div>
<button is="emby-button" type="button" class="button-flat btnMoreCommands hide detailButton">
<div class="detailButton-content">
<i class="md-icon detailButton-icon"></i>
<div class="detailButton-text">${ButtonMore}</div>
</div>
</button>
</div>