IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-27 19:30:23 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Correctly center the reply-where modal (#17999)

Browse Source 
And make the buttons actually full width, and use css vars.
This commit is contained in:
Jarek Radosz 2022-08-20 11:19:38 +02:00 committed by GitHub
parent aa59229c80
commit 9b55c42eee
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/assets/stylesheets/common/base/modal.scss
View File

@ -278,29 +278,34 @@
}
}
.reply-where-modal {
.bootbox.modal.reply-where-modal {
max-width: 400px;
margin-left: -200px;
h1 {
margin: 0;
font-size: $font-up-2;
font-size: var(--font-up-2);
}
.btn {
display: block;
text-align: left;
margin-bottom: 0.75em;
margin-right: 0;
overflow: hidden;
width: 100%;
&:first-of-type {
margin-top: 0.25em;
}
&.btn-reply-on-original,
&.btn-reply-here {
font-size: $font-up-1;
line-height: $line-height-medium;
font-size: var(--font-up-1);
line-height: var(--line-height-medium);
font-weight: bold;
}
.topic-title {
font-weight: normal;
}