patch 3.2.8 release

- mavericks top bar overflow fix - new cupertino icons support - removed fade animations for usermenu and search hints
yazninja · Sep 14, 2022 · cdb23ee · cdb23ee
1 parent 611761a
commit cdb23ee
Show file tree

Hide file tree

Showing 5 changed files with 93 additions and 14 deletions.
diff --git a/index.less b/index.less
@@ -1579,21 +1579,43 @@ select.md-select {
 }
 
 
-
+@media only screen and (max-width: 1500px) {
+    #app:not(.macosemu) {
+        #app-main .app-chrome .app-chrome--right .app-chrome-item.generic .cast {
+            display: none;
+        }
+    }
+}
+@media only screen and (max-width: 1430px) {
+    #app:not(.macosemu) {
+        #app-main .app-chrome .app-chrome--right .app-chrome-item.generic .queue {
+            display: none;
+        }
+    }
+}
+@media only screen and (max-width: 1200px) {
+    .app-chrome-item.volume {
+        margin-inline: 0 !important;
+    }
+}
 @media only screen and (max-width: 1120px) {
     #app {
         .app-chrome--left .app-chrome-item:nth-of-type(2) {
-            margin-left: 115px !important;
+            margin-left: 70px !important;
         }
     }
 
     #app.macosemu {
         .app-chrome--left .app-chrome-item:nth-of-type(2) {
-            margin-left: 180px !important;
+            margin-left: 40px !important;
         }
 
         .app-chrome--right {
             width: 20% !important;
         }
     }
-}
+    #app-main .app-chrome .app-chrome--right .app-chrome-item.generic > *{
+        display: flex !important;
+    }
+}
+
diff --git a/theme.json b/theme.json
@@ -1,7 +1,7 @@
 {
     "name": "iTheme",
     "description": "Cider theme based from the Apple Music beta app in MacOS.",
-    "version": "3.2.7",
+    "version": "3.2.8",
     "author": "yazninja",
     "github_repo": "ciderapp/iTheme",
     "directives": {

diff --git a/theme/lightmode.less b/theme/lightmode.less
@@ -191,6 +191,42 @@ body {
         ._svg-icon[svg-name='sidebar-playlist'] {
             filter: invert(0.9);
         }
+        .app-sidebar-footer {
+            backdrop-filter: brightness(0.95);
+        }
+
+        .app-playback-controls {
+            --volumeTrackColor        : rgba(100, 100, 100, 0.65);
+            button.playback-button:not(.collapseLibrary),
+            button.playback-button--small.queue,
+            button.volume-button--small,
+            .window-controls,
+            .window-controls .close:hover {
+                filter: invert(1);
+            }
+
+            button.playback-button--small.cast,
+            button.playback-button--small.repeat,
+            button.playback-button--small.shuffle,
+            button.playback-button--small.lyrics {
+                filter: invert(0.85);
+            }
+            .app-chrome-item.volume input[type="range"]{
+                &::-webkit-slider-runnable-track {
+                    background   : var(--volumeTrackColor);
+                    filter       : none !important;
+                    height       : 4px;
+                    border-radius: 4px;
+
+                }
+                &::-webkit-slider-thumb {
+                    background: mix(@volumeThumbColor, @mediaColor, 50%) !important;
+                    border: 1px solid var(--appBorderColor);
+                    margin-top: -5px;
+                }
+            }
+
+        }
     }
 
     #app-sidebar::before {
@@ -668,6 +704,7 @@ input[type="text"] {
             display: flex;
         }
     }
+
     .library-header {
         background-color: rgba(230, 230, 230, 0.8) !important;
     }

diff --git a/theme/macos-menu.less b/theme/macos-menu.less
@@ -28,8 +28,8 @@
             height          : 100%;
             border-radius   : 50%;
             background-color: var(--appBorderColor);
-            cursor: default;
-            pointer-events: none;
+            cursor          : default;
+            pointer-events  : none;
         }
 
         &::after {
@@ -41,15 +41,16 @@
             height          : 100%;
             border-radius   : 50%;
             background-color: var(--appBorderColor);
-            cursor: default;
-            pointer-events: none;
+            cursor          : default;
+            pointer-events  : none;
         }
     }
 
     .app-chrome {
-        .app-chrome--left > .app-chrome-item:nth-of-type(2) {
+        .app-chrome--left>.app-chrome-item:nth-of-type(2) {
             margin-left: calc(var(--sidebarWidth) * 0.2);
         }
+
         .app-chrome-item .window-controls-macos {
             position: relative;
             left    : 20px;
@@ -123,9 +124,14 @@
             }
         }
     }
+
+    .search-hints-container {
+        width: 280px !important;
+    }
+
     .app-navigation {
         .usermenu-container {
-            left:30px;
+            left: 30px;
         }
     }
 }
diff --git a/theme/mavericks.less b/theme/mavericks.less
@@ -8,9 +8,6 @@
             .app-chrome--center {
                 max-width: 800px;
                 min-width: max-content;
-                @media screen and (max-width: 1475px) {
-                    max-width: 10px;                    
-                }
             }
 
             .app-chrome--right {
@@ -38,4 +35,21 @@
             }
         }
     }
+}
+@media (max-width: 1225px) {
+    // #app #app-main .app-chrome .app-chrome--right .app-chrome-item.generic .cast {
+    //     display: none;
+    // }
+    .app-chrome--right {
+        width: 30% !important;
+
+        .app-chrome-item.volume {
+            margin-inline: 0;
+        }
+    }
+}
+@media (max-width: 1120px) {
+    .app-chrome--left {
+        width: 30% !important;
+    }
 }