UX: fix active and muted channels (#30308)
This commit is contained in:
parent
e03121c55b
commit
565a48e8e1
|
@ -15,6 +15,15 @@
|
|||
font-size: var(--font-down-1-rem);
|
||||
}
|
||||
|
||||
.sidebar-section-link-prefix {
|
||||
.prefix-image {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
&.active .prefix-image {
|
||||
box-shadow: 0px 0px 0px 1px var(--success);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-section-link {
|
||||
display: inline-flex;
|
||||
width: 100%;
|
||||
|
@ -31,7 +40,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
&--active {
|
||||
background: var(--d-selected);
|
||||
font-weight: bold;
|
||||
|
||||
|
@ -45,6 +54,18 @@
|
|||
}
|
||||
}
|
||||
|
||||
&--muted {
|
||||
opacity: 0.5;
|
||||
.sidebar-section-link-prefix.icon .d-icon {
|
||||
color: var(--primary-medium);
|
||||
}
|
||||
&.active {
|
||||
.sidebar-section-link-prefix.icon .d-icon {
|
||||
color: var(--primary-high);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-section-link-content-badge {
|
||||
@include ellipsis;
|
||||
padding-left: 0.5em;
|
||||
|
|
Loading…
Reference in New Issue