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

Sidebar adjustment

Browse source
This commit is contained in:
ygg2 2025-04-04 23:50:22 -04:00
parent 7c48ec7f91
commit 4588a02203
1 changed files with 19 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

42
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,24 @@ 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);
overflow-y: auto;
}
#sideDiv {
padding: 16px 8px;
box-sizing: border-box;
}
#page:has(#memberlisttoggle:checked) #sideContainDiv {
display: block;
}
#sideContainDiv.searchDiv { #sideContainDiv.searchDiv {
display: block;
width: 30vw; width: 30vw;
.topMessage { .topMessage {
margin-top: 2px; margin-top: 2px;
@ -1680,16 +1690,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 +1719,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 +2378,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 +2407,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 {