channel indentation maintain dots

This commit is contained in:
ygg2 2024-10-30 20:57:07 -04:00
parent dfe83427e9
commit d33d7231ad

View file

@ -581,19 +581,18 @@ span.instanceStatus {
.channels { .channels {
overflow-y: hidden; overflow-y: hidden;
transition: height .2s ease-in-out; transition: height .2s ease-in-out;
padding-left: 6px;
} }
#channels > div > div:first-child { #channels > div > div:first-child {
margin-top: 8px; margin-top: 6px;
} }
.channel { .channel {
margin: 0 8px; margin: 0 6px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.channelbutton { .channelbutton {
height: 2em; height: 2em;
padding: 0 5px; padding: 0 8px;
background: transparent; background: transparent;
color: var(--primary-text-soft); color: var(--primary-text-soft);
display: flex; display: flex;
@ -604,6 +603,9 @@ span.instanceStatus {
background: var(--channel-hover); background: var(--channel-hover);
color: var(--primary-text-prominent); color: var(--primary-text-prominent);
} }
.channels .channelbutton {
margin-left: 8px;
}
.viewChannel .channelbutton, .viewChannel .channelbutton:hover { .viewChannel .channelbutton, .viewChannel .channelbutton:hover {
background: var(--channel-selected); background: var(--channel-selected);
font-weight: bold; font-weight: bold;
@ -617,7 +619,7 @@ span.instanceStatus {
content: ''; content: '';
position: absolute; position: absolute;
top: calc(50% - 4px); top: calc(50% - 4px);
left: -12px; left: -10px;
height: 8px; height: 8px;
width: 8px; width: 8px;
background: var(--primary-text); background: var(--primary-text);