diff --git a/src/main/resources/static/design/style.css b/src/main/resources/static/design/style.css index dca9634..1fd3f59 100644 --- a/src/main/resources/static/design/style.css +++ b/src/main/resources/static/design/style.css @@ -734,6 +734,10 @@ div#context-main { opacity: 0.65; } +#artists.feat-new-line .feat { + display: block; +} + #artists.no-feat .feat { display: none; } diff --git a/src/main/resources/static/js/spotify-big-picture.js b/src/main/resources/static/js/spotify-big-picture.js index 2a3f970..b14e38f 100644 --- a/src/main/resources/static/js/spotify-big-picture.js +++ b/src/main/resources/static/js/spotify-big-picture.js @@ -2847,7 +2847,7 @@ const PREFERENCES = [ }, { id: "scrollable-track-list", - name: "Scrollable Tracklist", + name: "Scrollable", description: "If enabled, the tracklist can be scrolled through with the mouse wheel. Otherwise it can only scroll on its own", category: "Tracklist", default: false, @@ -3041,6 +3041,7 @@ const PREFERENCES = [ description: "Display any potential featured artists. Otherwise, only show the main artist", category: "Main Content", default: true, + requiredFor: ["featured-artists-new-line"], css: {"artists": "!no-feat"} }, { @@ -3051,24 +3052,7 @@ const PREFERENCES = [ default: true, css: {"title": "!hide"} }, - { - id: "swap-artist-title", - name: "Titles Above Artists", - description: "If enabled, the current track's title is displayed above the artist(s) instead of underneath " + - "(this mimics the layout of Spotify's own interface)", - category: "Main Content", - default: false, - callback: (state) => { - let artists = "artists".select(); - let title = "title".select(); - let contentInfoMainContainer = "center-info-main".select(); - if (state) { - contentInfoMainContainer.insertBefore(title, artists); - } else { - contentInfoMainContainer.insertBefore(artists, title); - } - } - }, + { id: "show-podcast-descriptions", name: "Show Podcast Descriptions", @@ -3077,15 +3061,6 @@ const PREFERENCES = [ default: true, css: {"description": "!hide"} }, - { - id: "xl-text", - name: "XL Main Content", - description: "If enabled, the font size for the current track's title, artist, and release is doubled. " - + "This setting is intended to be used with disabled artwork, as there isn't a lot of space available otherwise", - category: "Main Content", - default: false, - css: {"center-info-main": "big-text"} - }, // Release { @@ -3135,12 +3110,47 @@ const PREFERENCES = [ }, // Layout + { + id: "swap-artist-title", + name: "Titles Above Artists", + description: "If enabled, the current track's title is displayed above the artist(s) instead of underneath " + + "(this mimics the layout of Spotify's own interface)", + category: "Main Content", + subcategoryHeader: "Layout", + default: false, + callback: (state) => { + let artists = "artists".select(); + let title = "title".select(); + let contentInfoMainContainer = "center-info-main".select(); + if (state) { + contentInfoMainContainer.insertBefore(title, artists); + } else { + contentInfoMainContainer.insertBefore(artists, title); + } + } + }, + { + id: "featured-artists-new-line", + name: "Featured Artists In New Line", + description: "Display any potential featured artists in a new line", + category: "Main Content", + default: false, + css: {"artists": "feat-new-line"} + }, + { + id: "xl-text", + name: "XL Main Content", + description: "If enabled, the font size for the current track's title, artist, and release is doubled. " + + "This setting is intended to be used with disabled artwork, as there isn't a lot of space available otherwise", + category: "Main Content", + default: false, + css: {"center-info-main": "big-text"} + }, { id: "main-content-centered", name: "Center-Align", description: "Center the main content (current track information and tracklist). Otherwise, the text will be aligned to the border", category: "Main Content", - subcategoryHeader: "Layout", default: true, css: {"content-center": "centered"} }, @@ -3830,7 +3840,9 @@ const PREFERENCES_PRESETS = [ description: "Just displays the background and a clock, to be used as some sort of wallpaper", enabled: [ "color-dodge-skin", - "text-shadows" + "text-shadows", + "progress-bar-gradient", + "reverse-bottom" ], disabled: [ "enable-top-content", diff --git a/src/main/resources/static/settings/settings.css b/src/main/resources/static/settings/settings.css index 215d2ac..d66f7fb 100644 --- a/src/main/resources/static/settings/settings.css +++ b/src/main/resources/static/settings/settings.css @@ -92,11 +92,13 @@ header > div { } #settings .setting-subcategory-header { - font-style: italic; - opacity: 0.25; - border-bottom: 0.2vmin solid white; - width: fit-content; - margin-top: 4vmin; + opacity: 0.1; + border-top: 0.2vh solid white; + width: 100%; + margin-top: 2vh; + margin-bottom: 1vh; + font-size: 2vh; + text-transform: uppercase; } #settings .setting {