UX: fix active and muted channels (#30308)

This commit is contained in:
Jordan Vidrine 2024-12-16 16:02:44 -06:00 committed by GitHub
parent e03121c55b
commit 565a48e8e1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 22 additions and 1 deletions

View File

@ -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;