discourse/discourse-ai
1
0
Fork 0
mirror of https://github.com/discourse/discourse-ai.git synced 2025-07-16 02:53:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

UX: stick new question button to top of mobile sidebar (#1329)

Browse Source
This commit is contained in:
Kris 2025-05-08 17:09:12 -04:00 committed by GitHub
parent a49ed0cd01
commit 5892e9e66c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 22 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
assets/javascripts/discourse/components/ai-bot-sidebar-new-conversation.gjs
View File

@ -22,12 +22,14 @@ export default class AiBotSidebarNewConversation extends Component {
<template>
{{#if this.shouldRender}}
<DButton
@label="discourse_ai.ai_bot.conversations.new"
@icon="plus"
@action={{this.routeTo}}
class="ai-new-question-button btn-default"
/>
<div class="ai-new-question-button__wrapper">
<DButton
@label="discourse_ai.ai_bot.conversations.new"
@icon="plus"
@action={{this.routeTo}}
class="ai-new-question-button btn-default"
/>
</div>
{{/if}}
</template>
}

19
assets/stylesheets/modules/ai-bot-conversations/common.scss
View File

@ -7,7 +7,20 @@
body.has-ai-conversations-sidebar {
.ai-new-question-button {
margin: 1.8em 1rem 0;
width: 100%;
&__wrapper {
background: var(--secondary);
margin: 1.8em 1em 0;
.mobile-view & {
padding: 1em;
position: sticky;
top: 0;
margin: -0.5em 0 0; // avoid shift when sticking
z-index: 1;
}
}
}
.sidebar-toggle-all-sections {
@ -16,10 +29,6 @@ body.has-ai-conversations-sidebar {
.sidebar-wrapper,
.hamburger-dropdown-wrapper {
.ai-conversations-panel {
padding-top: 1em;
}
// ai related sidebar content
[data-section-name="ai-conversations-history"] {
.sidebar-section-header-wrapper {