FIX: apply chat header icon indicator style to urgent only (#21967)
* FIX: apply chat header icon indicator style to urgent only * UX: smaller padding
This commit is contained in:
parent
9a18c8032a
commit
86facadec1
|
@ -114,19 +114,23 @@ html.ios-device.keyboard-visible body #main-outlet .full-page-chat {
|
||||||
.header-dropdown-toggle.chat-header-icon {
|
.header-dropdown-toggle.chat-header-icon {
|
||||||
.icon {
|
.icon {
|
||||||
.chat-channel-unread-indicator {
|
.chat-channel-unread-indicator {
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
width: auto;
|
|
||||||
min-width: 14px;
|
|
||||||
padding: 3px;
|
|
||||||
border-radius: 1em;
|
border-radius: 1em;
|
||||||
border: 2px solid var(--header_background);
|
border: 2px solid var(--header_background);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 2px;
|
||||||
bottom: 2px;
|
bottom: 2px;
|
||||||
transition: border-color linear 0.15s;
|
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 {
|
&__number {
|
||||||
font-size: 0.7rem;
|
font-size: 0.7rem;
|
||||||
line-height: 15px;
|
line-height: 15px;
|
||||||
|
|
Loading…
Reference in New Issue