Skip to content

Commit

Permalink
fix(text): various fixes (#979)
Browse files Browse the repository at this point in the history
- remove 1px top bar gap
- decrease full screen cover art size
- remove artist modal header clipping
- replace back and pause/play button selector
  • Loading branch information
darkthemer authored Jul 21, 2023
1 parent 9ce46fc commit b2269a9
Showing 1 changed file with 35 additions and 9 deletions.
44 changes: 35 additions & 9 deletions text/user.css
Original file line number Diff line number Diff line change
Expand Up @@ -78,14 +78,16 @@
.Root__top-container {
--panel-gap: 16px !important;
}
.Root__top-bar {
border: var(--border-width) solid transparent;
}
.Root__main-view {
overflow: visible;
}
.main-view-container {
overflow: hidden;
}
.main-topBar-container {
margin: 2px;
width: 99.5%;
}
.main-topBar-background,
Expand All @@ -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;
Expand Down Expand Up @@ -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,
Expand Down Expand Up @@ -365,6 +375,9 @@
padding: 0 3px;
z-index: 9;
}
.artist-artistAbout-modal {
overflow: visible;
}

/* ================================
LEFT SIDEBAR
Expand Down Expand Up @@ -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;
}
Expand Down Expand Up @@ -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 {
Expand Down

0 comments on commit b2269a9

Please sign in to comment.