mirror of
https://github.com/discourse/discourse.git
synced 2026-08-15 17:24:47 +08:00
f585f0c73cWhen testing chat on a new site and seeing the retention warning... my first thought was "what settings, where?" This links the chat settings so admins can find them more easily. I also adjusted some styles for drawer mode Before: <img width="430" alt="image" src="https://github.com/user-attachments/assets/ff37dc44-4d09-4c98-ba52-12864577af1e" /> After: admin <img width="420" alt="image" src="https://github.com/user-attachments/assets/2efc4d7d-69bb-4985-a1de-48869f7bae0a" /> regular user (same) <img width="420" alt="image" src="https://github.com/user-attachments/assets/3b9926a6-a127-4004-b2f9-3d91cef74a77" />
53 lines
960 B
SCSS
Vendored
53 lines
960 B
SCSS
Vendored
.chat-notices {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5em;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 10;
|
|
width: 100%;
|
|
|
|
.full-page-chat & {
|
|
padding-inline: 1rem;
|
|
box-sizing: border-box;
|
|
top: 2rem;
|
|
}
|
|
|
|
&__notice,
|
|
.chat-retention-reminder {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
background: var(--tertiary-low);
|
|
padding: var(--space-2);
|
|
color: var(--primary);
|
|
min-width: 280px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
gap: 0.25rem;
|
|
box-sizing: border-box;
|
|
border-radius: var(--d-border-radius);
|
|
|
|
.chat-drawer-outlet & {
|
|
border-radius: 0;
|
|
}
|
|
|
|
&:has(.dismiss-btn) {
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
|
|
.dismiss-btn {
|
|
color: var(--primary-medium);
|
|
align-self: flex-start;
|
|
|
|
.chat-drawer-outlet & {
|
|
padding-top: var(--space-half);
|
|
}
|
|
|
|
&:hover,
|
|
&:focus {
|
|
background: var(--tertiary-medium);
|
|
}
|
|
}
|
|
}
|
