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

UX: resize pm composer inputs for narrow screens (#25019)

Browse Source
This commit is contained in:
Kris 2023-12-22 15:17:26 -05:00 committed by GitHub
parent 02b117a852
commit c4f940aa31
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
app/assets/stylesheets/desktop/compose.scss
View File

@ -18,12 +18,19 @@
&.private-message { &.private-message {
.with-tags { .with-tags {
.title-and-category { .title-and-category {
flex-wrap: nowrap; // force title and tags on same line for PMs flex-wrap: nowrap;
gap: 0.5em;
.mini-tag-chooser { .mini-tag-chooser {
max-width: 50%;
margin-bottom: 8px; // match title input margin margin-bottom: 8px; // match title input margin
flex: 0 0 auto; flex: 1 1 auto;
margin-left: 8px; // matches margin between category and tag input }
width: 39%; }
.title-input {
max-width: 50%;
min-width: 0;
input {
min-width: 0;
} }
} }
} }