- Added "Featured Artists in New Line"

- Moved some options around - Adjusted Wallpaper preset - Adjusted subcategory headers in remote control
Selbi182 · Mar 1, 2024 · cdf18c6 · cdf18c6
1 parent 14b8a34
commit cdf18c6
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 35 deletions.
diff --git 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
@@ -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
@@ -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 {