rudism/radiostasis
1
0
Fork 0
Code Issues 10 Pull requests Projects Releases Packages Wiki Activity

minor playlist styling fix

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
site/radiostasis.js
View file

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

4
site/style.css
View file

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

4
src/Playlist.ts
View file

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