Rename class and use flex class instead of style

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

View File

@ -314,7 +314,7 @@
background-color: #101010;
}
.playlistSectionButton .btnTooglePlaylist {
.playlistSectionButton .btnTogglePlaylist {
font-size: larger;
margin: 0;
padding-left: 0;
@ -332,7 +332,7 @@
border-radius: 0;
}
.playlistSectionButton .btnToogleContextMenu {
.playlistSectionButton .btnToggleContextMenu {
font-size: larger;
margin: 0;
padding-right: 0;

View File

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

View File

@ -6,7 +6,7 @@
<div class="nowPlayingPageImageContainer"></div>
<div class="nowPlayingInfoControls">
<div style="display: flex;">
<div class="flex">
<div class="nowPlayingInfoContainerMedia">
<h2 class="nowPlayingPageTitle"></h2>
@ -18,7 +18,7 @@
</div>
<div class="sliderContainer" style="display:flex;">
<div class="sliderContainer flex">
<div class="positionTime"></div>
<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" />
@ -170,13 +170,13 @@
<div class="playlistSection hide">
<div class="playlistSectionButton" style="display: flex; align-items: center;">
<!--<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>
</button>
<button is="paper-icon-button-light" class="btnSavePlaylist" title="${ButtonSave}">
<i class="material-icons">save</i>
</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>
</button>
</div>