IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Improve border-radius stuff in chat-message actions (#25129)

Browse Source
This commit is contained in:
Jarek Radosz 2024-01-04 12:33:07 +01:00 committed by GitHub
parent 7b81c39a8b
commit b43bba7dd7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
plugins/chat/assets/stylesheets/common/chat-message-actions.scss
View File

@ -3,12 +3,6 @@
z-index: z("dropdown"); z-index: z("dropdown");
} }
.chat-message-actions {
.chat-message-reaction {
@include chat-reaction;
}
}
.chat-message-actions-container { .chat-message-actions-container {
@include unselectable; @include unselectable;
z-index: z("dropdown") - 1; z-index: z("dropdown") - 1;
@ -16,6 +10,7 @@
.chat-message-actions { .chat-message-actions {
background-color: var(--secondary); background-color: var(--secondary);
border-radius: var(--d-border-radius);
display: flex; display: flex;
.emoji-picker-anchor { .emoji-picker-anchor {
@ -138,6 +133,8 @@
} }
.chat-message-reaction { .chat-message-reaction {
@include chat-reaction;
align-items: center; align-items: center;
border-radius: 0; border-radius: 0;
border-left-color: transparent; border-left-color: transparent;

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

@ -8,6 +8,12 @@
border-radius: 0; border-radius: 0;
border-top-color: var(--primary-300); border-top-color: var(--primary-300);
&:first-child {
border-left-color: var(--primary-300);
border-top-left-radius: var(--d-border-radius);
border-bottom-left-radius: var(--d-border-radius);
}
&:hover { &:hover {
background: var(--primary-low); background: var(--primary-low);
border-color: var(--primary-low-mid); border-color: var(--primary-low-mid);