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