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
2 changed files with 9 additions and 6 deletions
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");
}
.chat-message-actions {
.chat-message-reaction {
@include chat-reaction;
}
}
.chat-message-actions-container {
@include unselectable;
z-index: z("dropdown") - 1;
@@ -16,6 +10,7 @@
.chat-message-actions {
background-color: var(--secondary);
border-radius: var(--d-border-radius);
display: flex;
.emoji-picker-anchor {
@@ -138,6 +133,8 @@
}
.chat-message-reaction {
@include chat-reaction;
align-items: center;
border-radius: 0;
border-left-color: transparent;

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

@@ -8,6 +8,12 @@
border-radius: 0;
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 {
background: var(--primary-low);
border-color: var(--primary-low-mid);