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

UX: prevent suggestion button from wrapping (#282) 

* UX: prevent suggestion button from wrapping

This PR addresses the visual bug where the suggestion button wraps on any screen size.

* UX: edge case screen size

This addition fixes screen size issues at specific screen sizes without affecting larger screen sizes, no media query necessary.
This commit is contained in:
Ty Correll 2023-11-04 12:52:51 -05:00 committed by GitHub
parent f6996a6ef0
commit 3df6cb1ec9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
assets/stylesheets/modules/ai-helper/common/ai-helper.scss
View File

@ -292,17 +292,13 @@
position: relative; position: relative;
} }
// Prevent suggestion button from wrapping on smaller screens // Prevent suggestion button from wrapping
@media screen and (max-width: 768px) { #reply-control {
#reply-control .composer-fields.showing-ai-suggestions { .with-category .showing-ai-suggestions .category-input,
.category-input { .with-tags .showing-ai-suggestions .mini-tag-chooser {
.category-chooser { flex-wrap: nowrap;
width: 10px; .select-kit {
} max-width: calc(100% - 34px);
+ .mini-tag-chooser {
width: 10px;
}
} }
} }
} }