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

Use layout-mobile class

Browse source
This commit is contained in:
ferferga 2020-06-22 10:51:42 +02:00
parent a62d69f813
commit ad72f590f7
2 changed files with 13 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/components/remotecontrol/remotecontrol.css
View file

@ -171,12 +171,16 @@
z-index: 0; z-index: 0;
} }
.mobilePlayer.playlistSectionButtonTransparent { .layout-mobile .playlistSectionButtonTransparent {
background: rgba(0, 0, 0, 0) !important; background: rgba(0, 0, 0, 0) !important;
} }
.mobilePlayer.playlistSection .playlist, .layout-mobile .btnShuffle {
.mobilePlayer.playlistSection .contextMenu { display: unset !important;
}
.layout-mobile .playlistSection .playlist,
.layout-mobile .playlistSection .contextMenu {
position: absolute; position: absolute;
top: 12.2em; top: 12.2em;
bottom: 4.2em; bottom: 4.2em;
@ -188,7 +192,7 @@
z-index: 1000; z-index: 1000;
} }
.mobilePlayer.playlistSectionButton { .layout-mobile .playlistSectionButton {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
@ -198,21 +202,21 @@
padding-right: 7.3%; padding-right: 7.3%;
} }
.playlistSectionButton:not(.mobilePlayer) { .playlistSectionButton:not(>.layout-mobile) {
background: unset !important; background: unset !important;
} }
.nowPlayingPlaylist:not(.mobilePlayer) { .nowPlayingPlaylist:not(>.layout-mobile) {
background: unset !important; background: unset !important;
} }
.mobilePlayer.playlistSectionButton .btnTogglePlaylist { .layout-mobile .playlistSectionButton .btnTogglePlaylist {
font-size: larger; font-size: larger;
margin: 0; margin: 0;
padding-left: 0; padding-left: 0;
} }
.mobilePlayer.playlistSectionButton .btnSavePlaylist { .layout-mobile .playlistSectionButton .btnSavePlaylist {
margin: 0; margin: 0;
padding-right: 0; padding-right: 0;
-webkit-box-flex: 1; -webkit-box-flex: 1;
@ -224,7 +228,7 @@
border-radius: 0; border-radius: 0;
} }
.mobilePlayer.playlistSectionButton .btnToggleContextMenu { .layout-mobile .playlistSectionButton .btnToggleContextMenu {
font-size: larger; font-size: larger;
margin: 0; margin: 0;
padding-right: 0; padding-right: 0;

4
src/components/remotecontrol/remotecontrol.js
View file

@ -852,10 +852,6 @@ define(['browser', 'datetime', 'backdrop', 'libraryBrowser', 'listView', 'imageL
context.querySelector('.btnTogglePlaylist').classList.remove('hide'); context.querySelector('.btnTogglePlaylist').classList.remove('hide');
context.querySelector('.nowPlayingInfoButtons').insertAdjacentHTML('afterbegin', repeatButtonHtml); context.querySelector('.nowPlayingInfoButtons').insertAdjacentHTML('afterbegin', repeatButtonHtml);
context.querySelector('.nowPlayingInfoButtons').insertAdjacentHTML('beforeend', shuffleButtonHtml); context.querySelector('.nowPlayingInfoButtons').insertAdjacentHTML('beforeend', shuffleButtonHtml);
let childs = context.querySelectorAll('*');
for (let child of childs) {
child.classList.add('mobilePlayer');
}
} }
bindEvents(context); bindEvents(context);