Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FIX: Composer fields on small desktop sizes (#15729)

This commit is contained in:
Jarek Radosz 2022-02-01 21:33:06 +01:00 committed by GitHub
parent 7806857841
commit 692b6543ff
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/assets/stylesheets/common/base/compose.scss
View File

@ -237,11 +237,6 @@
max-width: 40%; max-width: 40%;
margin: 0 0 8px 8px; margin: 0 0 8px 8px;
@media screen and (max-width: 955px) {
flex: 1 0 100%;
margin-left: 0;
}
.category-chooser { .category-chooser {
display: flex; display: flex;
flex: 1 0 auto; flex: 1 0 auto;
@ -286,12 +281,6 @@
min-width: 0; // allows flex to shrink min-width: 0; // allows flex to shrink
flex-wrap: wrap; flex-wrap: wrap;
max-width: calc(50% - 4px); max-width: calc(50% - 4px);
@media screen and (max-width: 920px) {
margin-right: 0;
margin-bottom: 6px;
max-width: calc(50% - 3px);
}
} }
} }
@ -322,10 +311,6 @@
margin: 0 0 8px 8px; margin: 0 0 8px 8px;
z-index: z("composer", "dropdown"); z-index: z("composer", "dropdown");
@media screen and (max-width: 920px) {
max-width: calc(50% - 3px);
}
.select-kit-header { .select-kit-header {
color: var(--primary-high); color: var(--primary-high);
} }

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

@ -85,8 +85,10 @@
margin-bottom: 6px; margin-bottom: 6px;
} }
.category-input { .category-input,
.with-tags .category-input {
margin-bottom: 6px; margin-bottom: 6px;
max-width: calc(50% - 3px);
} }
.submit-panel { .submit-panel {
@ -189,6 +191,7 @@
.mini-tag-chooser { .mini-tag-chooser {
margin: 0 0 6px 6px; margin: 0 0 6px 6px;
max-width: calc(50% - 3px);
} }
.selected-name { .selected-name {