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

FIX: apply chat header icon indicator style to urgent only (#21967)

Browse Source 
* FIX: apply chat header icon indicator style to urgent only

* UX: smaller padding
This commit is contained in:
chapoi 2023-06-07 13:42:51 +09:00 committed by GitHub
parent 9a18c8032a
commit 86facadec1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
plugins/chat/assets/stylesheets/common/base-common.scss
View File

@ -114,19 +114,23 @@ html.ios-device.keyboard-visible body #main-outlet .full-page-chat {
.header-dropdown-toggle.chat-header-icon {
.icon {
.chat-channel-unread-indicator {
display: flex;
align-items: center;
justify-content: center;
width: auto;
min-width: 14px;
padding: 3px;
border-radius: 1em;
border: 2px solid var(--header_background);
position: absolute;
right: 0;
right: 2px;
bottom: 2px;
transition: border-color linear 0.15s;
&.urgent {
display: flex;
align-items: center;
justify-content: center;
width: auto;
min-width: 14px;
padding: 2px;
right: 0;
}
&__number {
font-size: 0.7rem;
line-height: 15px;