53 lines
1.6 KiB
CSS
53 lines
1.6 KiB
CSS
|
/**
|
||
|
|
* @name Horizontal Server List
|
||
|
|
* @author MoonMoon
|
||
|
|
* @description Moves the server list from the left to the top of Discord. Originally made by: Gibbu#1211
|
||
|
|
*/
|
||
|
|
:root {
|
||
|
|
--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 */
|
||
|
|
}
|
||
|
|
|
||
|
|
.content__5e434 {
|
||
|
|
margin-top: var(--custom-guild-list-width);
|
||
|
|
overflow: visible !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#app-mount .sidebar__5e434 {
|
||
|
|
border-radius: 0;
|
||
|
|
overflow: visible !important;
|
||
|
|
}
|
||
|
|
#app-mount .guilds__5e434 {
|
||
|
|
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);
|
||
|
|
}
|
||
|
|
|
||
|
|
.container__5e434 > div[style]:not(.base__5e434) {
|
||
|
|
width: 100vw !important;
|
||
|
|
height: var(--custom-guild-list-width) !important;
|
||
|
|
position: absolute;
|
||
|
|
top: calc(var(--custom-guild-list-width) + var(--custom-app-top-bar-height));
|
||
|
|
pointer-events: none;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.container__5e434 > div[style]:not(.base__5e434) .guilds__5e434 {
|
||
|
|
pointer-events: all;
|
||
|
|
}
|
||
|
|
.container__5e434 > div[style]:not(.base__5e434) + .base__5e434 .content__5e434 {
|
||
|
|
margin-top: calc(var(--custom-guild-list-width) * 2);
|
||
|
|
}
|