mirror of
https://github.com/discourse/discourse-ai.git
synced 2025-08-03 03:43:26 +00:00
49fe986974
## 🔍 Overview As reported on [Meta](https://meta.discourse.org/t/when-selecting-text-and-giving-ai-a-custom-prompt-based-on-the-text-the-popup-cannot-be-scrolled/368687?u=keegan), you are currently unable to scroll on long AI post helper results when on mobile. This update fixes that by allowing scroll back. No test as it's tricky to test scroll behavior. ## 🔗 Relevant Links https://meta.discourse.org/t/when-selecting-text-and-giving-ai-a-custom-prompt-based-on-the-text-the-popup-cannot-be-scrolled/368687 ## 📹 Screen Recording ### ← Before https://github.com/user-attachments/assets/9dc6f6a2-b9d4-46a8-91ee-ad1ed6f47de0 ### → After https://github.com/user-attachments/assets/ca93dba1-eefb-4d03-9b47-c4a8ba291117
75 lines
1.4 KiB
SCSS
75 lines
1.4 KiB
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%;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
|
|
#topic-title .edit-topic-title.showing-ai-suggestions {
|
|
.category-chooser {
|
|
flex: 1 1 90%;
|
|
}
|
|
|
|
.ai-category-suggester-trigger {
|
|
padding: 0.425em;
|
|
}
|
|
|
|
.ai-tag-suggester-trigger {
|
|
padding: 0.45em;
|
|
}
|
|
}
|
|
|
|
.ios-device #topic-title .edit-topic-title.showing-ai-suggestions button {
|
|
&.ai-title-suggester-trigger {
|
|
padding-top: 0.4em;
|
|
padding-bottom: 0.4em;
|
|
}
|
|
|
|
&.ai-category-suggester-trigger {
|
|
padding-top: 0.4em;
|
|
padding-bottom: 0.25em;
|
|
}
|
|
|
|
&.ai-tag-suggester-trigger {
|
|
padding-top: 0.4em;
|
|
padding-bottom: 0.3em;
|
|
}
|
|
}
|