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

UX: Align chat separators, increase mobile chat width (#22298)

This commit is contained in:
Jarek Radosz 2023-06-27 18:49:45 +02:00 committed by GitHub
parent 71ff38bab6
commit a6bd3994f3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
plugins/chat/assets/stylesheets/common/chat-message-separator.scss
View File

@ -5,7 +5,7 @@
&-new { &-new {
display: flex; display: flex;
justify-content: center; justify-content: center;
padding: 20px 0 20px 1em; padding: 20px 0 20px var(--scrollbarWidth);
position: relative; position: relative;
.chat-message-separator__text-container { .chat-message-separator__text-container {
@ -44,7 +44,7 @@
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
justify-content: center; justify-content: center;
padding-left: 1rem; padding-left: var(--scrollbarWidth);
pointer-events: none; pointer-events: none;
&.with-last-visit { &.with-last-visit {
@ -125,7 +125,7 @@
} }
& + .chat-message-separator__line-container { & + .chat-message-separator__line-container {
padding: 20px 0; padding: 20px 0 20px var(--scrollbarWidth);
box-sizing: border-box; box-sizing: border-box;
.chat-message-separator__line { .chat-message-separator__line {

2
plugins/chat/assets/stylesheets/mobile/chat-channel.scss
View File

@ -1,5 +1,5 @@
.chat-channel { .chat-channel {
.chat-messages-scroll { .chat-messages-scroll {
padding: 0 10px 10px 10px; padding-bottom: 5px;
} }
} }