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:
darkthemer 2023-07-21 16:26:11 +08:00 committed by GitHub
parent 9ce46fc27f
commit b2269a9650
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -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 {