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

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

102
src/itemdetails.html
View file

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