mirror of
https://github.com/morpheusthewhite/spicetify-themes.git
synced 2024-11-22 02:42:54 +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 {
|
.Root__top-container {
|
||||||
--panel-gap: 16px !important;
|
--panel-gap: 16px !important;
|
||||||
}
|
}
|
||||||
|
.Root__top-bar {
|
||||||
|
border: var(--border-width) solid transparent;
|
||||||
|
}
|
||||||
.Root__main-view {
|
.Root__main-view {
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
}
|
}
|
||||||
@ -85,7 +88,6 @@
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.main-topBar-container {
|
.main-topBar-container {
|
||||||
margin: 2px;
|
|
||||||
width: 99.5%;
|
width: 99.5%;
|
||||||
}
|
}
|
||||||
.main-topBar-background,
|
.main-topBar-background,
|
||||||
@ -110,7 +112,15 @@
|
|||||||
}
|
}
|
||||||
.spotifyinternal-artistnpv .npv-what-is-playing .npv-cover-art,
|
.spotifyinternal-artistnpv .npv-what-is-playing .npv-cover-art,
|
||||||
.spotifyinternal-artistnpv .npv-what-is-playing .npv-track {
|
.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 {
|
.tr1hDrJgoPSbMXlXU_sl {
|
||||||
flex-direction: column-reverse;
|
flex-direction: column-reverse;
|
||||||
@ -309,8 +319,8 @@
|
|||||||
.Root__now-playing-bar::before {
|
.Root__now-playing-bar::before {
|
||||||
content: "Playing";
|
content: "Playing";
|
||||||
}
|
}
|
||||||
/* .Root__right-sidebar::before {
|
/* .Root__right-sidebar:not([style="--right-sidebar-width: 0px;"])::before {
|
||||||
content: 'Sidebar';
|
content: "Sidebar";
|
||||||
} */
|
} */
|
||||||
.Root__nav-bar .main-yourLibraryX-entryPoints:hover::before,
|
.Root__nav-bar .main-yourLibraryX-entryPoints:hover::before,
|
||||||
.Root__main-view:hover::before,
|
.Root__main-view:hover::before,
|
||||||
@ -365,6 +375,9 @@
|
|||||||
padding: 0 3px;
|
padding: 0 3px;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
}
|
}
|
||||||
|
.artist-artistAbout-modal {
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
/* ================================
|
/* ================================
|
||||||
LEFT SIDEBAR
|
LEFT SIDEBAR
|
||||||
@ -447,20 +460,21 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* top bar */
|
/* top bar */
|
||||||
.queue-tabBar-active {
|
.queue-tabBar-active,
|
||||||
|
.marketplace-tabBar-active {
|
||||||
text-decoration: underline !important;
|
text-decoration: underline !important;
|
||||||
}
|
}
|
||||||
.main-topBar-historyButtons .main-topBar-button,
|
.main-topBar-historyButtons .main-topBar-button,
|
||||||
.main-topBar-buddyFeed {
|
.main-topBar-buddyFeed {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
.main-topBar-button::before {
|
.main-topBar-button:first-child:before {
|
||||||
content: "<";
|
content: "<";
|
||||||
}
|
}
|
||||||
.main-topBar-button.main-topBar-forward::before {
|
.main-topBar-button.main-topBar-forward::before {
|
||||||
content: ">";
|
content: ">";
|
||||||
}
|
}
|
||||||
.main-topBar-button > svg,
|
.main-topBar-button:first-child > svg,
|
||||||
.main-topBar-button.main-topBar-forward > svg {
|
.main-topBar-button.main-topBar-forward > svg {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@ -659,10 +673,22 @@
|
|||||||
.main-skipBackButton-button::before {
|
.main-skipBackButton-button::before {
|
||||||
content: "\25C1";
|
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";
|
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";
|
content: "\275A\275A";
|
||||||
}
|
}
|
||||||
.main-skipForwardButton-button::before {
|
.main-skipForwardButton-button::before {
|
||||||
|
Loading…
Reference in New Issue
Block a user