diff --git a/scss/chat.scss b/scss/chat.scss index 876ec95..0a30a25 100644 --- a/scss/chat.scss +++ b/scss/chat.scss @@ -1,3 +1,5 @@ +@use "lib/viewport"; + .full-page-chat.full-page-chat-sidebar-enabled { border: none; } @@ -23,6 +25,22 @@ body.has-full-page-chat { .chat-drawer-outlet-container { z-index: z("composer", "content"); + + .peek-mode-active & { + padding-bottom: 0; + left: unset; + right: var(--main-grid-gap); + + &:has(.is-expanded) { + z-index: calc(z("composer", "dropdown") + 1); + } + } +} + +.chat-drawer { + .peek-mode-active & { + max-width: 90vw; + } } .chat-drawer .channels-list-container .chat-channel-row { @@ -56,3 +74,9 @@ body.has-full-page-chat { .chat-drawer-active.chat-drawer-expanded .chat-composer-dropdown__menu-content { z-index: z("composer", "content") + 1; } + +.chat-replying-indicator-container { + @include viewport.from(sm) { + margin-left: calc(0.65em + 0.2rem); + } +} diff --git a/scss/composer.scss b/scss/composer.scss index 0b62ad1..cf72f26 100644 --- a/scss/composer.scss +++ b/scss/composer.scss @@ -19,6 +19,8 @@ .grippie { background: var(--tertiary-low); + border-top-right-radius: var(--d-border-radius); + border-top-left-radius: var(--d-border-radius); } .user-selector,