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