github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-04 01:23:10 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Tweak mobile composer styling (#15141)

Browse Source 
A followup to #15117
This commit is contained in:
Jarek Radosz 2021-11-30 19:50:28 +01:00 committed by GitHub
parent ac79c5efc6
commit feb9a3675d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/assets/stylesheets/mobile/compose.scss
View File

@ -8,12 +8,10 @@
#reply-control { #reply-control {
z-index: z("mobile-composer"); z-index: z("mobile-composer");
.reply-area { .reply-area {
padding: 0 10px; padding: 6px;
padding-bottom: env(safe-area-inset-bottom); padding-bottom: max(env(safe-area-inset-bottom), 6px);
@media screen and (max-width: 374px) {
padding: 0 5px;
}
flex-grow: 1; flex-grow: 1;
} }
@ -33,7 +31,9 @@
} }
.reply-to { .reply-to {
margin: 5px 0; justify-content: space-between;
margin-bottom: 6px;
.reply-details { .reply-details {
max-width: calc(100% - 75px); max-width: calc(100% - 75px);
} }
@ -81,12 +81,13 @@
} }
.category-input { .category-input {
margin-bottom: 5px; margin-bottom: 6px;
} }
.submit-panel { .submit-panel {
margin-bottom: 5px; margin-top: 6px;
align-items: baseline; align-items: baseline;
.save-or-cancel { .save-or-cancel {
flex: 1 1 auto; flex: 1 1 auto;
#draft-status, #draft-status,