mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-17 10:58:20 -07:00
Rename class and use flex class instead of style
This commit is contained in:
parent
281b51b967
commit
6724e2f2fd
@ -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;
|
||||
|
@ -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");
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user