Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix margin misalignment + hover trick

This commit is contained in:
chapoi 2024-11-20 18:09:23 +08:00
parent 5d3620f70e
commit 9009f582f3
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
plugins/chat/assets/stylesheets/common/chat-navbar.scss
View File

@ -32,16 +32,29 @@
width: 100%; width: 100%;
gap: 0.25rem; gap: 0.25rem;
position: relative; position: relative;
container-type: inline-size;
.is-collapsed & { .is-collapsed & {
padding-left: 1rem; &__channel-title:not(:first-child) {
margin-left: 1rem;
}
&:hover { &__toggle-drawer-button {
.c-navbar__toggle-drawer-button { &:after {
color: var(--tertiary-hover); @container (inline-size) {
content: "";
position: absolute;
height: 100%;
left: 0;
width: calc(100cqw - 2.3em + 1rem);
}
.d-icon { &:hover {
color: inherit; color: var(--tertiary-hover);
.d-icon {
color: inherit;
}
} }
} }
} }