minor playlist styling fix

This commit is contained in:
Rudis Muiznieks 2023-04-10 09:21:01 -05:00
parent eeb63b5124
commit e512862aed
Signed by: rudism
GPG Key ID: CABF2F86EF7884F9
3 changed files with 12 additions and 0 deletions

View File

@ -406,12 +406,16 @@ var Playlist = /** @class */ (function () {
this.overlay.style.backgroundColor = 'rgba(255, 255, 255, 0.75)'; this.overlay.style.backgroundColor = 'rgba(255, 255, 255, 0.75)';
this.overlay.style.backdropFilter = 'blur(5px)'; this.overlay.style.backdropFilter = 'blur(5px)';
this.overlay.style.pointerEvents = 'auto'; this.overlay.style.pointerEvents = 'auto';
this.queueTab.innerHTML = 'Close';
this.queueTab.classList.add('expanded');
} }
else { else {
this.queueContainer.style.height = this.queueInitialHeight; this.queueContainer.style.height = this.queueInitialHeight;
this.overlay.style.backgroundColor = 'rgba(255, 255, 255, 0)'; this.overlay.style.backgroundColor = 'rgba(255, 255, 255, 0)';
this.overlay.style.backdropFilter = 'none'; this.overlay.style.backdropFilter = 'none';
this.overlay.style.pointerEvents = 'none'; this.overlay.style.pointerEvents = 'none';
this.queueTab.innerHTML = 'Playlist';
this.queueTab.classList.remove('expanded');
} }
}; };
Playlist.prototype.createQueueListItem = function (episode) { Playlist.prototype.createQueueListItem = function (episode) {

View File

@ -315,6 +315,10 @@ ol > li:not(:last-child) {
background-image: url('/icon-queue.svg'); background-image: url('/icon-queue.svg');
} }
#queue-container h2.expanded {
background-image: url('/icon-trash.svg');
}
#queue-container h2:hover { #queue-container h2:hover {
color: #c50; color: #c50;
text-decoration: underline; text-decoration: underline;

View File

@ -121,11 +121,15 @@ class Playlist {
this.overlay.style.backgroundColor = 'rgba(255, 255, 255, 0.75)'; this.overlay.style.backgroundColor = 'rgba(255, 255, 255, 0.75)';
this.overlay.style.backdropFilter = 'blur(5px)'; this.overlay.style.backdropFilter = 'blur(5px)';
this.overlay.style.pointerEvents = 'auto'; this.overlay.style.pointerEvents = 'auto';
this.queueTab.innerHTML = 'Close';
this.queueTab.classList.add('expanded');
} else { } else {
this.queueContainer.style.height = this.queueInitialHeight; this.queueContainer.style.height = this.queueInitialHeight;
this.overlay.style.backgroundColor = 'rgba(255, 255, 255, 0)'; this.overlay.style.backgroundColor = 'rgba(255, 255, 255, 0)';
this.overlay.style.backdropFilter = 'none'; this.overlay.style.backdropFilter = 'none';
this.overlay.style.pointerEvents = 'none'; this.overlay.style.pointerEvents = 'none';
this.queueTab.innerHTML = 'Playlist';
this.queueTab.classList.remove('expanded');
} }
} }