Andromeda/jank-client-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
MathMan05 2025-04-05 13:53:50 -05:00
commit dfc702c698
1 changed files with 21 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/webpage/style.css
View file

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