Merge commit 'refs/pull/91/head' of https://github.com/MathMan05/JankClient

This commit is contained in:
MathMan05 2025-04-05 13:53:50 -05:00
commit dfc702c698

View file

@ -513,18 +513,11 @@ textarea {
::-webkit-scrollbar-thumb:hover {
background: var(--primary-text-soft);
}
#sideContainDiv:empty {
width: 0px;
padding: 0;
}
#servers::-webkit-scrollbar,
#channels::-webkit-scrollbar,
#sideContainDiv::-webkit-scrollbar {
display: none;
}
#sideContainDiv {
width: 0;
}
#servers,
#channels,
#sideDiv {
@ -1666,7 +1659,26 @@ img.bigembedimg {
.acceptinvbutton:disabled {
background: color-mix(in hsl, var(--green) 80%, var(--black));
}
/* Sidebar */
#sideContainDiv {
display: none;
flex: none;
width: 240px;
background: var(--sidebar-bg);
flex-direction: column;
justify-content: space-between;
}
#sideDiv {
padding: 16px 8px;
overflow-y: auto;
box-sizing: border-box;
}
#page:has(#memberlisttoggle:checked) #sideContainDiv {
display: flex;
}
#sideContainDiv.searchDiv {
display: flex;
width: 30vw;
.topMessage {
margin-top: 2px;
@ -1680,16 +1692,6 @@ img.bigembedimg {
background: #00000050;
}
}
/* Sidebar */
#sideDiv {
flex: none;
padding: 16px 8px;
background: var(--sidebar-bg);
overflow-y: auto;
box-sizing: border-box;
flex-grow: 1;
flex-shrink: 1;
}
.memberList {
padding-bottom: 16px;
@ -1719,10 +1721,6 @@ img.bigembedimg {
height: 16px;
width: 16px;
}
#page:has(#memberlisttoggle:checked) #sideContainDiv {
width: 240px;
flex-shrink: 0;
}
#page:has(#memberlisttoggle:checked) #memberlisttoggleicon span {
background: var(--primary-text-prominent);
}
@ -2382,7 +2380,7 @@ fieldset input[type="radio"] {
background: var(--primary-bg);
transition: left 0.3s;
}
#sideContainDiv {
#sideContainDiv, #sideContainDiv.searchDiv {
display: block;
right: -100svw;
width: 100svw;
@ -2411,7 +2409,7 @@ fieldset input[type="radio"] {
#page:has(#maintoggle:checked) #mainarea {
left: 0;
}
#page:has(#memberlisttoggle:checked) #sideContainDiv {
#page:has(#memberlisttoggle:checked) #sideContainDiv, #sideContainDiv.searchDiv {
right: 0;
}
#page:has(#maintoggle:checked) #maintoggleicon {