IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-25 02:11:08 -06:00
Code Issues 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 {
.with-tags {
.title-and-category {
flex-wrap: nowrap; // force title and tags on same line for PMs
flex-wrap: nowrap;
gap: 0.5em;
.mini-tag-chooser {
max-width: 50%;
margin-bottom: 8px; // match title input margin
flex: 0 0 auto;
margin-left: 8px; // matches margin between category and tag input
width: 39%;
flex: 1 1 auto;
}
}
.title-input {
max-width: 50%;
min-width: 0;
input {
min-width: 0;
}
}
}