Merge pull request #39 from SendNukez/main

Add transition to progress bar & slider
This commit is contained in:
Julien 2021-09-26 22:44:44 +02:00 committed by GitHub
commit 8e095818d5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -426,6 +426,14 @@ html.sidebar-hide-text .GlueDropTarget span {
--bg-color: rgba(var(--spice-rgb-text), .2); --bg-color: rgba(var(--spice-rgb-text), .2);
} }
.progress-bar:not(:active) .x-progressBar-progressBarBg > div:first-child > div {
transition: transform 0.2s ease;
}
.progress-bar:not(:active) .progress-bar__slider {
transition: left 0.2s ease;
}
.minimal-player .player-controls__buttons { .minimal-player .player-controls__buttons {
width: 120px; width: 120px;
gap: 0px; gap: 0px;
@ -589,6 +597,11 @@ li.GlueDropTarget {
transition: opacity,left 0.2s ease; transition: opacity,left 0.2s ease;
} }
.playback-bar:active .prog-tooltip {
opacity: 1;
transition: none;
}
.playback-bar:hover .prog-tooltip { .playback-bar:hover .prog-tooltip {
opacity: 1; opacity: 1;
} }