spicetify / spicetify-themes

A community-driven collection of themes for customizing Spotify through Spicetify - https://github.com/spicetify/cli
MIT License
5.06k stars 1.27k forks source link

[Flow] Player controls are cross(?)-shaped instead of vertical #1101

Open capolpo opened 2 months ago

capolpo commented 2 months ago

Describe the bug The player controls aren't displaying properly.

Expected behavior For the player controls to display vertically like in the preview images of the theme.

Screenshots Screenshot (897)

DavidRaveloU commented 2 months ago
  1. Install the CSS Editor extension.
  2. Press F12 to open the editor.
  3. Paste the following code:
.spotify__container--is-desktop:not(.fullscreen) body::after {
    content: "";
    position: absolute;
    right: 0;
    z-index: 999;
    backdrop-filter: brightness(2.12);
    /* page zoom [ctrl][+] or [ctrl][-]
       edit width and height accordingly */
    width: 135px;
    /* depending on what global status bar
       style is enabled height need to be
       changed accordingly. */
    Height: 40px;
}

[!IMPORTANT] To get it right, you need to adjust the height and width until you find the desired fit.