Add collapse server folders snippet

Davr1 · Davr1 · commit fd1a1f711bcd · 2022-05-06T17:22:27.000+02:00
diff --git a/README.md b/README.md
@@ -35,6 +35,13 @@ Script used for generating the css: [https://gist.github.com/Davr1/42e64ec0b2ae4
 
 ---
 
+### [Collapse server folders](/snippets/collapse_server_folders.css)
+Automatically collapses server folders until you hover over them\
+
+![](https://cdn.discordapp.com/attachments/692065688524816475/972155005824036865/folders.gif)
+
+---
+
 ### [Collapse threads](/snippets/collapse_threads.css?raw=true)
 
 ![](https://cdn.discordapp.com/attachments/692065688524816475/909112685344481373/unknown.png)
diff --git a/snippets/collapse_server_folders.css b/snippets/collapse_server_folders.css
@@ -0,0 +1,49 @@
+.wrapper-38slSD:not(:hover)>ul {
+	display: grid;
+	height: 48px !important;
+	width: 48px;
+	padding: 6px;
+	grid-template: 1fr 1fr/1fr 1fr;
+	position: absolute;
+	top: 0;
+	left: 12px;
+	box-sizing: border-box;
+	pointer-events: none;
+	gap: 4px;
+	justify-content: center;
+	align-items: center;
+	animation: shrinkingAnimation 100ms ease-in;
+}
+.wrapper-38slSD>ul {
+	transition: height 150ms ease-out;
+}
+@keyframes shrinkingAnimation { from { position: relative; } }
+.wrapper-38slSD:not(:hover) .expandedFolderIconWrapper-3RwQpD>svg {
+	width: 100%;
+	height: 100%;
+	background: currentColor;
+	opacity: 0.4;
+}
+.wrapper-38slSD:not(:hover)>.expandedFolderBackground-1kSAf6:not(.collapsed-uGXEbi), .wrapper-38slSD:not(:hover)>.expandedFolderBackground-1kSAf6:not(.collapsed-uGXEbi)~* :is(ul>.listItem-3SmSlK:nth-of-type(4)~*, .upperBadge-1V6Iyi) {
+	visibility: hidden;
+}
+.wrapper-38slSD:not(:hover)>ul :is(.wrapper-28eC3z, .svg-2zuE5p, .listItem-3SmSlK) {
+	position: static;
+	width: 16px;
+	height: 16px;
+	margin: 0;
+}
+.wrapper-38slSD:not(:hover)>ul>.listItem-3SmSlK .pill-2RsI5Q {
+	left: -12px;
+	visibility: visible;
+}
+.wrapper-38slSD:not(:hover)>ul>.listItem-3SmSlK .svg-2zuE5p>foreignObject {
+	mask: none;
+	border-radius: 50%;
+}
+.wrapper-38slSD:not(:hover)>.expandedFolderBackground-1kSAf6:not(.collapsed-uGXEbi)~* .lowerBadge-3WTshO>.numberBadge-37OJ3S {
+	max-width: 16px;
+	color: transparent;
+	background: radial-gradient(white 30%, transparent 30%);
+	outline: 4px solid var(--background-tertiary);
+}
