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 class and use flex class instead of style

Browse source
This commit is contained in:
ferferga 2020-04-10 15:51:05 +02:00
parent 281b51b967
commit 6724e2f2fd
3 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -314,7 +314,7 @@
background-color: #101010; background-color: #101010;
} }
.playlistSectionButton .btnTooglePlaylist { .playlistSectionButton .btnTogglePlaylist {
font-size: larger; font-size: larger;
margin: 0; margin: 0;
padding-left: 0; padding-left: 0;
@ -332,7 +332,7 @@
border-radius: 0; border-radius: 0;
} }
.playlistSectionButton .btnToogleContextMenu { .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

@ -678,7 +678,7 @@ define(["browser", "datetime", "backdrop", "libraryBrowser", "listView", "imageL
var playlistItemId = e.detail.playlistItemId; var playlistItemId = e.detail.playlistItemId;
playbackManager.movePlaylistItem(playlistItemId, newIndex, currentPlayer); playbackManager.movePlaylistItem(playlistItemId, newIndex, currentPlayer);
}); });
context.querySelector(".btnTooglePlaylist").addEventListener("click", function () { context.querySelector(".btnTogglePlaylist").addEventListener("click", function () {
if (context.querySelector(".playlist").classList.contains("hide")) { if (context.querySelector(".playlist").classList.contains("hide")) {
context.querySelector(".playlist").classList.remove("hide"); context.querySelector(".playlist").classList.remove("hide");
context.querySelector(".btnSavePlaylist").classList.remove("hide"); context.querySelector(".btnSavePlaylist").classList.remove("hide");
@ -688,7 +688,7 @@ define(["browser", "datetime", "backdrop", "libraryBrowser", "listView", "imageL
context.querySelector(".btnSavePlaylist").classList.add("hide"); context.querySelector(".btnSavePlaylist").classList.add("hide");
} }
}); });
context.querySelector(".btnToogleContextMenu").addEventListener("click", function () { context.querySelector(".btnToggleContextMenu").addEventListener("click", function () {
if (context.querySelector(".contextMenu").classList.contains("hide")) { if (context.querySelector(".contextMenu").classList.contains("hide")) {
context.querySelector(".contextMenu").classList.remove("hide"); context.querySelector(".contextMenu").classList.remove("hide");
context.querySelector(".btnSavePlaylist").classList.add("hide"); context.querySelector(".btnSavePlaylist").classList.add("hide");

8
src/nowplaying.html
View file

@ -6,7 +6,7 @@
<div class="nowPlayingPageImageContainer"></div> <div class="nowPlayingPageImageContainer"></div>
<div class="nowPlayingInfoControls"> <div class="nowPlayingInfoControls">
<div style="display: flex;"> <div class="flex">
<div class="nowPlayingInfoContainerMedia"> <div class="nowPlayingInfoContainerMedia">
<h2 class="nowPlayingPageTitle"></h2> <h2 class="nowPlayingPageTitle"></h2>
@ -18,7 +18,7 @@
</div> </div>
<div class="sliderContainer" style="display:flex;"> <div class="sliderContainer flex">
<div class="positionTime"></div> <div class="positionTime"></div>
<div class="nowPlayingPositionSliderContainer"> <div class="nowPlayingPositionSliderContainer">
<input type="range" is="emby-slider" pin step="1" min="0" max="100" value="0" class="nowPlayingPositionSlider" data-slider-keep-progress="true" /> <input type="range" is="emby-slider" pin step="1" min="0" max="100" value="0" class="nowPlayingPositionSlider" data-slider-keep-progress="true" />
@ -170,13 +170,13 @@
<div class="playlistSection hide"> <div class="playlistSection hide">
<div class="playlistSectionButton" style="display: flex; align-items: center;"> <div class="playlistSectionButton" style="display: flex; align-items: center;">
<!--<h2 style="margin:0;">${TabPlaylist}</h2>--> <!--<h2 style="margin:0;">${TabPlaylist}</h2>-->
<button id="togglePlaylist" is="paper-icon-button-light" class="btnTooglePlaylist" title="${ButtonTooglePlaylist}"> <button id="togglePlaylist" is="paper-icon-button-light" class="btnTogglePlaylist" title="${ButtonTooglePlaylist}">
<i class="material-icons">queue_music</i> <i class="material-icons">queue_music</i>
</button> </button>
<button is="paper-icon-button-light" class="btnSavePlaylist" title="${ButtonSave}"> <button is="paper-icon-button-light" class="btnSavePlaylist" title="${ButtonSave}">
<i class="material-icons">save</i> <i class="material-icons">save</i>
</button> </button>
<button id="toggleContextMenu" is="paper-icon-button-light" class="btnToogleContextMenu" title="${ButtonToogleContextMenu}"> <button id="toggleContextMenu" is="paper-icon-button-light" class="btnToggleContextMenu" title="${ButtonToogleContextMenu}">
<i class="material-icons more_vert"></i> <i class="material-icons more_vert"></i>
</button> </button>
</div> </div>