UX: fix chat lock icon position and background (#17791)

This commit is contained in:
Kris 2022-08-03 21:49:08 -04:00 committed by GitHub
parent 83d3543e33
commit 8177f45369
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -15,6 +15,9 @@
&:focus, &:focus,
&:hover { &:hover {
background: var(--d-sidebar-highlight-color); background: var(--d-sidebar-highlight-color);
.sidebar-section-link-prefix.icon svg.prefix-badge {
background: var(--d-sidebar-highlight-color);
}
} }
&.active { &.active {
@ -89,13 +92,15 @@
svg.prefix-badge { svg.prefix-badge {
position: absolute; position: absolute;
background-color: var(--secondary); background-color: var(--primary-very-low);
border-radius: 50%; border-radius: 50%;
padding: 2px 2px 3px; padding: 2px 2px 3px;
color: var(--primary-high); color: var(--primary-high);
height: 0.5rem; height: 0.5rem;
width: 0.5rem; width: 0.5rem;
margin-left: -0.4rem; top: -0.2em;
right: 0;
margin-right: -0.6em;
} }
} }
} }