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: improve composer suggestion button layout (#678)

This commit is contained in:
Kris 2024-06-20 13:32:14 -04:00 committed by GitHub
parent 59ed6d7b3e
commit 1a8532b91b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -225,15 +225,6 @@
}
// Suggest Titles Related
.suggest-titles-button {
display: block;
align-self: baseline;
background: var(--secondary);
border: 1px solid var(--primary-400);
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.showing-ai-suggestions {
.title-input {
@ -263,9 +254,9 @@
}
}
.suggest-titles-button,
.suggest-tags-button,
.suggest-category-button {
display: block;
align-self: baseline;
border: 1px solid var(--primary-400);
border-left: none;
@ -299,13 +290,28 @@
#reply-control {
.with-category .showing-ai-suggestions .category-input {
flex-wrap: nowrap;
.select-kit {
max-width: calc(100% - 2.25em);
max-width: calc(50% - 0.2em);
.category-chooser {
min-width: 0;
flex: 1 1 auto;
}
}
.with-tags .showing-ai-suggestions .mini-tag-chooser.select-kit {
max-width: calc(100% - 2.25em);
.with-category:not(.with-tags) {
// when tagging is disabled
.showing-ai-suggestions .category-input {
max-width: 40%;
}
}
.with-tags {
.showing-ai-suggestions .tags-input {
display: flex;
max-width: calc(50% - 0.2em);
.mini-tag-chooser {
min-width: 0;
}
}
}
}