UX: Align chat separators, increase mobile chat width (#22298)
This commit is contained in:
parent
71ff38bab6
commit
a6bd3994f3
|
@ -5,7 +5,7 @@
|
|||
&-new {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 20px 0 20px 1em;
|
||||
padding: 20px 0 20px var(--scrollbarWidth);
|
||||
position: relative;
|
||||
|
||||
.chat-message-separator__text-container {
|
||||
|
@ -44,7 +44,7 @@
|
|||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
padding-left: 1rem;
|
||||
padding-left: var(--scrollbarWidth);
|
||||
pointer-events: none;
|
||||
|
||||
&.with-last-visit {
|
||||
|
@ -125,7 +125,7 @@
|
|||
}
|
||||
|
||||
& + .chat-message-separator__line-container {
|
||||
padding: 20px 0;
|
||||
padding: 20px 0 20px var(--scrollbarWidth);
|
||||
box-sizing: border-box;
|
||||
|
||||
.chat-message-separator__line {
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
.chat-channel {
|
||||
.chat-messages-scroll {
|
||||
padding: 0 10px 10px 10px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue