mirror of
https://github.com/discourse/discourse-ai.git
synced 2025-03-09 11:48:47 +00:00
9cd14b0003
Previously we had moved the AI helper from the options menu to a selection menu that appears when selecting text in the composer. This had the benefit of making the AI helper a more discoverable feature. Now that some time has passed and the AI helper is more recognized, we will be moving it back to the composer toolbar. This is better because: - It consistent with other behavior and ways of accessing tools in the composer - It has an improved mobile experience - It reduces unnecessary code and keeps things easier to migrate when we have composer V2. - It allows for easily triggering AI helper for all content by clicking the button instead of having to select everything.
45 lines
849 B
SCSS
45 lines
849 B
SCSS
.fk-d-menu-modal {
|
|
&.ai-post-helper-menu-content {
|
|
.ai-post-helper {
|
|
&__suggestion__text,
|
|
&__suggestion__buttons {
|
|
padding: 0.75em 1rem;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.d-modal__body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.ai-helper-options {
|
|
padding: 0;
|
|
}
|
|
|
|
.ai-custom-prompt {
|
|
padding: 0.75em 1rem;
|
|
margin: 0;
|
|
}
|
|
|
|
.ai-helper-loading {
|
|
justify-content: center;
|
|
}
|
|
}
|
|
|
|
.ai-post-helper-menu,
|
|
.ai-composer-helper-menu {
|
|
&__selected-text {
|
|
margin: 0.75em 1rem;
|
|
padding: 0.5em;
|
|
border-radius: var(--d-border-radius);
|
|
border: 1px solid var(--primary-low);
|
|
box-shadow: 0 0 4px rgba(0, 0, 0, 0.125);
|
|
overflow: auto;
|
|
overscroll-behavior: contain;
|
|
}
|
|
}
|
|
}
|