From dea1b9376639758278e1d4ccb44ee252d5dd3075 Mon Sep 17 00:00:00 2001
From: Cynthia Foxwell <gamers@riseup.net>
Date: Sat, 18 Jan 2025 23:53:12 -0700
Subject: [PATCH] collapse

---
 .prettierrc               |  3 ++-
 pxvmc.scss                |  1 +
 src/collapse.scss         | 54 +++++++++++++++++++++++++++++++++++++++
 src/misc.scss             |  5 ++++
 src/private_channels.scss |  8 ++++--
 5 files changed, 68 insertions(+), 3 deletions(-)
 create mode 100644 src/collapse.scss

diff --git a/.prettierrc b/.prettierrc
index 5135059..dd7912d 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -2,5 +2,6 @@
     "semi": true,
     "bracketSpacing": false,
     "endOfLine": "lf",
-    "printWidth": 120
+    "printWidth": 120,
+    "tabWidth": 2
 }
diff --git a/pxvmc.scss b/pxvmc.scss
index 96b27f9..b70b2d1 100644
--- a/pxvmc.scss
+++ b/pxvmc.scss
@@ -18,3 +18,4 @@
 @use "src/guilds";
 @use "src/misc";
 @use "src/ansi_chain";
+@use "src/collapse";
diff --git a/src/collapse.scss b/src/collapse.scss
new file mode 100644
index 0000000..065cd3f
--- /dev/null
+++ b/src/collapse.scss
@@ -0,0 +1,54 @@
+@media (width < 1300px) {
+  html:not(.visual-refresh) [class^="sidebar_"]:not([class*="hidden_"]),
+  [class^="sidebar_"] {
+    width: 48px !important;
+
+    [class^="devBanner_"],
+    .dmDates-date,
+    .dmFavorites-icon,
+    [data-list-item-id^="channels___boosts-"],
+    [class^="linkTop_"] > [class^="children"] {
+      display: none;
+    }
+  }
+  html:not(.visual-refresh) [class^="sidebar_"]:not([class*="hidden_"]):hover,
+  [class^="sidebar_"]:hover {
+    width: 240px !important;
+
+    [class^="devBanner_"],
+    .dmDates-date,
+    .dmFavorites-icon {
+      display: block;
+    }
+    [data-list-item-id^="channels___boosts-"],
+    [class^="linkTop_"] > [class^="children"] {
+      display: flex;
+    }
+  }
+
+  [class^="chat_"] > [class^="content_"] > [class^="container_"]:nth-child(2) > [class^="membersWrap_"],
+  [class^="chat_"] > [class^="content_"] > [class^="container_"]:nth-child(2),
+  [class^="chat_"] > [class^="content_"] > [class^="membersWrap_"] {
+    width: 48px !important;
+    min-width: 48px !important;
+    --custom-member-list-width: 48px !important;
+
+    [class^="membersGroup_"],
+    [class*="openOnHover_"] {
+      display: none;
+    }
+  }
+
+  [class^="chat_"] > [class^="content_"] > [class^="container_"]:nth-child(2):hover,
+  [class^="chat_"] > [class^="content_"] > [class^="container_"]:hover > [class^="membersWrap_"],
+  [class^="chat_"] > [class^="content_"] > [class^="membersWrap_"]:hover {
+    width: 240px !important;
+    min-width: 240px !important;
+    --custom-member-list-width: 240px !important;
+
+    [class^="membersGroup_"],
+    [class*="openOnHover_"] {
+      display: flex;
+    }
+  }
+}
diff --git a/src/misc.scss b/src/misc.scss
index 9629f8c..9a46529 100644
--- a/src/misc.scss
+++ b/src/misc.scss
@@ -63,6 +63,11 @@ nav[class*="guilds_"] [class^="itemsContainer_"] > [class^="footer_"] {
   display: none;
 }
 
+.mediaControls {
+  padding: 4px;
+  padding-bottom: 0.5rem;
+}
+
 /* unround */
 *,
 [class],
diff --git a/src/private_channels.scss b/src/private_channels.scss
index 5b19eb2..59055ed 100644
--- a/src/private_channels.scss
+++ b/src/private_channels.scss
@@ -9,7 +9,7 @@
   > [class^="privateChannels_"] {
   & > [class^="scroller_"] {
     & > [class^="content_"] {
-      & > [class^="channel_"] {
+      [class^="channel_"] {
         margin-left: 0;
         max-width: unset;
 
@@ -99,7 +99,11 @@
           font-weight: normal;
           font-size: 12px;
           color: colors.$c7;
-          text-shadow: 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0, 0px 0px 4px colors.$c0;
+          text-shadow:
+            0px 0px 4px colors.$c0,
+            0px 0px 4px colors.$c0,
+            0px 0px 4px colors.$c0,
+            0px 0px 4px colors.$c0;
           margin-left: 5px;
         }