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

UX: different way of centering chat notice to accommodate longer texts (#22779)

Browse Source 
* UX: different way of centering chat notice to accommodate longer

* linting

* UX: keep close button in top right corner
This commit is contained in:
chapoi 2023-07-27 15:53:43 +02:00 committed by GitHub
parent 807390bb93
commit 7b3f9dc86b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
plugins/chat/assets/stylesheets/common/chat-notices.scss
View File

@ -4,10 +4,13 @@
gap: 0.5em;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 10;
min-width: 280px;
width: 100%;
.full-page-chat & {
padding-inline: 1rem;
box-sizing: border-box;
}
&__notice,
.chat-retention-reminder {
@ -18,11 +21,15 @@
padding: 0.5em 0 0.5em 1em;
color: var(--primary);
padding: 0.5em 0 0.5em 1em;
min-width: 280px;
margin-left: auto;
margin-right: auto;
}
.btn-flat {
.dismiss-btn {
margin: 0 0.25em;
color: var(--primary-medium);
align-self: flex-start;
&:hover,
&:focus {