mirror of
https://github.com/morpheusthewhite/spicetify-themes.git
synced 2024-11-21 18:32:45 +01:00
fix(text): various fixes (#979)
- remove 1px top bar gap - decrease full screen cover art size - remove artist modal header clipping - replace back and pause/play button selector
This commit is contained in:
parent
9ce46fc27f
commit
b2269a9650
@ -78,6 +78,9 @@
|
||||
.Root__top-container {
|
||||
--panel-gap: 16px !important;
|
||||
}
|
||||
.Root__top-bar {
|
||||
border: var(--border-width) solid transparent;
|
||||
}
|
||||
.Root__main-view {
|
||||
overflow: visible;
|
||||
}
|
||||
@ -85,7 +88,6 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
.main-topBar-container {
|
||||
margin: 2px;
|
||||
width: 99.5%;
|
||||
}
|
||||
.main-topBar-background,
|
||||
@ -110,7 +112,15 @@
|
||||
}
|
||||
.spotifyinternal-artistnpv .npv-what-is-playing .npv-cover-art,
|
||||
.spotifyinternal-artistnpv .npv-what-is-playing .npv-track {
|
||||
bottom: 26em;
|
||||
bottom: 18em;
|
||||
}
|
||||
.spotifyinternal-artistnpv .npv-what-is-playing .npv-cover-art {
|
||||
-webkit-transform: scale(0.34375);
|
||||
transform: scale(0.34375);
|
||||
}
|
||||
.spotifyinternal-artistnpv .npv-what-is-playing .npv-track {
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
.tr1hDrJgoPSbMXlXU_sl {
|
||||
flex-direction: column-reverse;
|
||||
@ -309,8 +319,8 @@
|
||||
.Root__now-playing-bar::before {
|
||||
content: "Playing";
|
||||
}
|
||||
/* .Root__right-sidebar::before {
|
||||
content: 'Sidebar';
|
||||
/* .Root__right-sidebar:not([style="--right-sidebar-width: 0px;"])::before {
|
||||
content: "Sidebar";
|
||||
} */
|
||||
.Root__nav-bar .main-yourLibraryX-entryPoints:hover::before,
|
||||
.Root__main-view:hover::before,
|
||||
@ -365,6 +375,9 @@
|
||||
padding: 0 3px;
|
||||
z-index: 9;
|
||||
}
|
||||
.artist-artistAbout-modal {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* ================================
|
||||
LEFT SIDEBAR
|
||||
@ -447,20 +460,21 @@
|
||||
}
|
||||
|
||||
/* top bar */
|
||||
.queue-tabBar-active {
|
||||
.queue-tabBar-active,
|
||||
.marketplace-tabBar-active {
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
.main-topBar-historyButtons .main-topBar-button,
|
||||
.main-topBar-buddyFeed {
|
||||
background-color: transparent;
|
||||
}
|
||||
.main-topBar-button::before {
|
||||
.main-topBar-button:first-child:before {
|
||||
content: "<";
|
||||
}
|
||||
.main-topBar-button.main-topBar-forward::before {
|
||||
content: ">";
|
||||
}
|
||||
.main-topBar-button > svg,
|
||||
.main-topBar-button:first-child > svg,
|
||||
.main-topBar-button.main-topBar-forward > svg {
|
||||
display: none;
|
||||
}
|
||||
@ -659,10 +673,22 @@
|
||||
.main-skipBackButton-button::before {
|
||||
content: "\25C1";
|
||||
}
|
||||
.main-playPauseButton-button[aria-label="Play"]::before {
|
||||
.main-playPauseButton-button[aria-label="Play"]::before,
|
||||
.main-playPauseButton-button:has(
|
||||
path[d="M3 1.713a.7.7 0 0 1 1.05-.607l10.89 6.288a.7.7 0 0 1 0 1.212L4.05 14.894A.7.7 0 0 1 3 14.288V1.713z"]
|
||||
)::before,
|
||||
.main-playPauseButton-button:has(
|
||||
path[d="m7.05 3.606 13.49 7.788a.7.7 0 0 1 0 1.212L7.05 20.394A.7.7 0 0 1 6 19.788V4.212a.7.7 0 0 1 1.05-.606z"]
|
||||
)::before {
|
||||
content: "\25B6";
|
||||
}
|
||||
.main-playPauseButton-button[aria-label="Pause"]::before {
|
||||
.main-playPauseButton-button[aria-label="Pause"]::before,
|
||||
.main-playPauseButton-button:has(
|
||||
path[d="M2.7 1a.7.7 0 0 0-.7.7v12.6a.7.7 0 0 0 .7.7h2.6a.7.7 0 0 0 .7-.7V1.7a.7.7 0 0 0-.7-.7H2.7zm8 0a.7.7 0 0 0-.7.7v12.6a.7.7 0 0 0 .7.7h2.6a.7.7 0 0 0 .7-.7V1.7a.7.7 0 0 0-.7-.7h-2.6z"]
|
||||
)::before,
|
||||
.main-playPauseButton-button:has(
|
||||
path[d="M5.7 3a.7.7 0 0 0-.7.7v16.6a.7.7 0 0 0 .7.7h2.6a.7.7 0 0 0 .7-.7V3.7a.7.7 0 0 0-.7-.7H5.7zm10 0a.7.7 0 0 0-.7.7v16.6a.7.7 0 0 0 .7.7h2.6a.7.7 0 0 0 .7-.7V3.7a.7.7 0 0 0-.7-.7h-2.6z"]
|
||||
)::before {
|
||||
content: "\275A\275A";
|
||||
}
|
||||
.main-skipForwardButton-button::before {
|
||||
|
Loading…
Reference in New Issue
Block a user