From cf833bf9596ebd00acb2e74ec7691b09b586488f Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Mon, 22 Nov 2021 20:55:37 -0800
Subject: [PATCH] Added minimum window size, equivalent to iTunes.  Added
 responsive elements

---
 index.js                            |  4 ++--
 resources/cider-ui-tests/index.html |  3 ++-
 resources/cider-ui-tests/style.css  | 13 +++++++++++++
 resources/functions/cider-win.js    |  2 ++
 4 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/index.js b/index.js
index 21e82889..527c326f 100644
--- a/index.js
+++ b/index.js
@@ -19,8 +19,8 @@ function CreateWindow() {
 
     app.win = app.ame.win.CreateBrowserWindow() // Create the BrowserWindow
     /** CIDER **/
-    //const cider = require("./resources/functions/cider-win")
-    //cider.CreateBrowserWindow()
+    // const cider = require("./resources/functions/cider-win")
+    // cider.CreateBrowserWindow()
     /** CIDER **/
     app.ame.handler.WindowStateHandler(); // Handling the Window
     app.ame.handler.PlaybackStateHandler(); // Playback Change Listener
diff --git a/resources/cider-ui-tests/index.html b/resources/cider-ui-tests/index.html
index 0c8d2407..37e38fef 100644
--- a/resources/cider-ui-tests/index.html
+++ b/resources/cider-ui-tests/index.html
@@ -53,7 +53,7 @@
                     </div>
                 </div>
                 <div class="app-chrome--right">
-                    <div class="app-chrome-item volume">
+                    <div class="app-chrome-item volume display--large">
                         <input type="range" class="">
                     </div>
                     <div class="app-chrome-item generic">
@@ -112,6 +112,7 @@
                         <button class="app-sidebar-item" v-for="i in 32">Playist</button>
                     </div>
                     <div class="app-sidebar-footer">
+                        <input type="range" class="display--small">
                         <button class="app-sidebar-button" style="width:100%">
                             <div class="sidebar-user-icon">
 
diff --git a/resources/cider-ui-tests/style.css b/resources/cider-ui-tests/style.css
index 8bf73b7b..a9e0171b 100644
--- a/resources/cider-ui-tests/style.css
+++ b/resources/cider-ui-tests/style.css
@@ -552,6 +552,19 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
     display:flex;
 }
 
+.display--small {
+    display: none!important;
+}
+/* Window is smaller <= 1023px width */
+@media only screen and (max-width: 1023px) {
+    .display--small {
+        display: inherit!important;
+    }
+    .display--large {
+        display: none!important;
+    }
+}
+
 .header-text {
     margin: 0px;
 }
diff --git a/resources/functions/cider-win.js b/resources/functions/cider-win.js
index 1735f10e..5bbd703e 100644
--- a/resources/functions/cider-win.js
+++ b/resources/functions/cider-win.js
@@ -7,6 +7,8 @@ const CiderWin = {
         const options = {
             width: 1024,
             height: 600,
+            minWidth: 844,
+            minHeight: 410,
             frame: false,
             vibrancy: 'dark',
             hasShadow: false,