deploy: 403b9fe

Author: Gibbu

HorizontalServerList.css

@@ -0,0 +1,28 @@
+.content_c48ade {
+  margin-top: var(--custom-guild-list-width);
+  overflow: visible;
+}
+
+#app-mount .sidebar_c48ade {
+  border-radius: 0;
+  overflow: visible;
+}
+#app-mount .guilds_c48ade {
+  transform-origin: top left;
+  rotate: -90deg;
+  height: 100vw !important;
+  bottom: unset;
+  position: absolute !important;
+  left: 0;
+}
+#app-mount .tree_ef3116 {
+  padding-top: var(--HSL-top-padding, var(--size-sm));
+}
+#app-mount .wrapper_cc5dd2 {
+  rotate: 90deg;
+}
+#app-mount .itemsContainer_ef3116,
+#app-mount .stack_dbd263 {
+  flex-direction: var(--HSL-server-direction);
+  justify-content: var(--HSL-server-alignment);
+}

HorizontalServerList.theme.css

@@ -1,20 +1,20 @@
 /**
  * @name Horizontal Server List
- * @author Gibbu#1211
- * @version 2.1.0
+ * @author Gibbu
+ * @version 3.0.0
  * @description Moves the server list from the left to the top of Discord.
  * @source https://github.com/DiscordStyles/HorizontalServerList
  * @invite ZHthyCw
- * @website https://gibbu.me
 */
 
-@import url('https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css');
+@import url('https://discordstyles.github.io/HorizontalServerList/HorizontalServerList.css');
+
+
 
 /* Bottom HorizontalServerList. Simply remove the comments surrounding the @import to enable it. */
 /* @import url("https://discordstyles.github.io/HorizontalServerList/bottomhsl.css"); */
 :root {
-  --HSL-server-icon-size: 40px; /* Size of the server icons | DEFAULT: 40px */
-  --HSL-server-spacing: 10px; /* Spacing between each server icon | DEFAULT: 10px */
   --HSL-server-direction: column; /* Direction of the server list. | OPTIONS: column, column-reverse | DEFAULT: column */
   --HSL-server-alignment: flex-start; /* Alignment of the server list. | OPTIONS: flex-start, center, flex-end | DEFAULT: flex-start */
-}
+}
+

bottomhsl.css

@@ -1,40 +1,8 @@
-body #app-mount .app_a3002d .base_c48ade {
-  top: 0 !important;
-  bottom: var(--server-container) !important;
-}
-body #app-mount .guilds_c48ade {
-  top: unset !important;
-  left: 100vw;
-  bottom: 0 !important;
-  transform-origin: bottom left;
-}
-body #app-mount .guilds_c48ade [class*=pill] {
-  top: unset !important;
-  bottom: calc(var(--server-size) / -1 + var(--server-size) / 2 - 8px) !important;
-}
-body #app-mount .guilds_c48ade [class*=pill] span {
-  border-radius: 4px 0 0 4px;
-}
-body #app-mount .guilds_c48ade.content-Pph8t6 {
-  top: unset !important;
-  bottom: var(--server-container) !important;
-}
-body #app-mount .guilds_c48ade.content-Pph8t6:not(.closed-j55_T-) + .base_c48ade {
-  top: 0 !important;
-  bottom: calc(var(--server-container) * 2) !important;
-}
-body #app-mount [class*=listItemTooltip_] {
-  position: absolute;
-  white-space: nowrap;
-  top: calc(var(--server-size) / -1 - 30px) !important;
-  margin-left: calc(var(--server-size) / -1 - 20px);
-}
-body #app-mount [class*=listItemTooltip_] [class*=tooltipPointer] {
-  transform: rotate(0) !important;
-  top: unset !important;
-  bottom: -10px !important;
+.content_c48ade {
+  margin-top: unset;
+  margin-bottom: var(--custom-guild-list-width);
 }
 
-html.platform-osx #app-mount .base_c48ade {
-  top: 32px !important;
-}
+#app-mount .guilds_c48ade {
+  top: calc(100% + var(--custom-guild-list-width));
+}