From 7bbd56e65fa6a97154cf928ee19d3b7044ff0c5b Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Mon, 20 Dec 2021 19:40:04 -0800
Subject: [PATCH 1/2] =?UTF-8?q?not=20the=20tempered=20glass=20panel=20?=
 =?UTF-8?q?=F0=9F=98=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/style.less | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/renderer/style.less b/src/renderer/style.less
index f8c8449f..d4dbe1b3 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -234,9 +234,16 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
 
 .app-drawer {
   width: 300px;
-  border-left: 1px solid rgb(0 0 0 / 25%);
   flex: 0 0 auto;
-  border-top: 1px solid rgb(0 0 0 / 25%);
+  position: absolute;
+  right: 16px;
+  top: 3%;
+  background: #1c1c1c8f;
+  border-radius: 12px;
+  z-index: 9;
+  height: 94%;
+  backdrop-filter: blur(40px) saturate(180%);
+  box-shadow: var(--mediaItemShadow-Shadow);
 }
 
 .search-input-container {
@@ -875,6 +882,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
   height: calc(100% - var(--chromeHeight));
   width: 100%;
   display: flex;
+  position: relative;
 }
 
 .display--small {
@@ -2526,12 +2534,12 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
 
 .drawertransition-enter-active,
 .drawertransition-leave-active {
-  transition: margin-right .25s var(--appleEase);
+  transition: right .25s var(--appleEase);
 }
 
 .drawertransition-enter,
 .drawertransition-leave-to {
-  margin-right: -300px;
+  right: -300px;
 }
 
 /* Transitions End */

From 984c32a138f89e3a16c89cb84986ff3b68e9a8b5 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Mon, 20 Dec 2021 19:51:17 -0800
Subject: [PATCH 2/2] slight css changes to navbar buttons

---
 src/renderer/style.less | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/renderer/style.less b/src/renderer/style.less
index d4dbe1b3..78975001 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -1517,7 +1517,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
     appearance: none;
     border: 0px;
     height: 32px;
-    width: 42px;
+    width: 40px;
     background: transparent;
     padding: 6px;
     display: flex;
@@ -1525,9 +1525,12 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
     align-items: center;
     color: rgba(200, 200, 200, 0.8);
     margin: 2px;
-    border-radius: 3px;
+    border-radius: 6px;
+    transition: transform .10s var(--appleEase);
     &:active {
       background: var(--selected-click);
+      transform: scale(0.96);
+      transition: transform 0s var(--appleEase);
     }
     > svg {
       width: 8px;