github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-26 12:53:42 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: chat thread hover (#21181)

Browse Source 
* UX: switch standard message hover to new hover colour var

* UX: chat thread indication minor design changes
This commit is contained in:
chapoi 2023-04-20 23:32:21 +09:00 committed by GitHub
parent a03f85ad4a
commit ba2adc7793
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
plugins/chat/assets/stylesheets/common/chat-message-thread-indicator.scss
View File

@ -5,16 +5,12 @@
display: flex;
cursor: pointer;
grid-area: threadindicator;
border: 1px solid transparent;
margin: 4px 0 -2px calc(var(--message-left-width) - 5px);
padding: 4px;
&:hover {
.chat-message:hover & {
border-color: var(--primary-low);
background-color: var(--secondary);
}
}
background-color: var(--primary-very-low);
margin: 4px 0 -2px calc(var(--message-left-width) - 0.25rem);
padding-block: 0.25rem;
padding-inline: 0.5rem;
max-width: 500px;
border-radius: 4px;
&__replies-count {
color: var(--primary-medium);

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

@ -213,13 +213,13 @@
.touch & {
&:active {
background: var(--primary-very-low);
background: var(--d-hover);
border-radius: 5px;
}
&.chat-message-bookmarked {
&:active {
background: var(--highlight-medium);
background: var(--highlight-low);
}
}
}
@ -228,7 +228,7 @@
&.is-active,
&:hover,
&:active {
background: var(--primary-very-low);
background: var(--d-hover);
}
&:hover {