channel indentation maintain dots
This commit is contained in:
@@ -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);
|
||||||
|
Reference in New Issue
Block a user