Mirrors/spicetify-themes
1
0
Fork 0
mirror of https://github.com/morpheusthewhite/spicetify-themes.git synced 2024-11-22 02:42:54 +01:00
Code Issues Projects Releases Activity

fix(Blossom): remove playback bar overflow (#976)

Browse Source
This commit is contained in:
darkthemer 2023-07-16 08:20:52 +08:00 committed by GitHub
parent dec4b88039
commit 2f2e30ddec
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
Blossom/user.css
View File

@ -5,6 +5,11 @@
background-color: var(--spice-background);
}
.spotify__container--is-desktop .Root__top-container {
padding-top: calc(24px + 8px * 2);
--panel-gap: 0;
}
/* SEARCH */
.main-yourEpisodes-episodeCard {
background-color: red;
@ -140,21 +145,29 @@
position: relative;
padding-inline-end: 16px !important;
}
.playback-bar {
width: calc(100% + 82px);
top: -10px;
position: absolute;
cursor: pointer;
.playback-bar__progress-time-elapsed,
.main-playbackBarRemainingTime-container {
min-width: 0;
width: 0 !important;
opacity: 0;
transition: all 0.5s;
}
.playback-bar:hover {
width: 100%;
.playback-bar:hover .playback-bar__progress-time-elapsed, .playback-bar:hover
.main-playbackBarRemainingTime-container {
min-width: 40px;
width: auto;
opacity: 1;
}
.Root__top-container {
row-gap: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
.playback-bar {
width: 100%;
left: 0;
bottom: 65px;
position: absolute;
cursor: pointer;
overflow: hidden;
}
.progress-bar {