fix scroll for the chattyUI, navigation still does not take full heig…

…ht if no session is selected Signed-off-by: Julien Veyssier <[email protected]>
nextcloud · May 28, 2024 · 7c9fe7d · 7c9fe7d
1 parent 7f6742b
commit 7c9fe7d
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 16 deletions.
diff --git a/src/components/AssistantFormInputs.vue b/src/components/AssistantFormInputs.vue
@@ -56,9 +56,7 @@
 				@update:value="onUpdateCopywriter" />
 		</div>
 	</div>
-	<div v-else-if="selectedTaskTypeId === 'chatty-llm'" class="assistant-inputs" style="margin-bottom: 0 !important;">
-		<ChattyLLMInputForm />
-	</div>
+	<ChattyLLMInputForm v-else-if="selectedTaskTypeId === 'chatty-llm'" class="chatty-inputs" />
 	<div v-else class="assistant-inputs">
 		<div v-if="selectedTaskTypeId === 'OCA\\ContextChat\\TextProcessing\\ContextChatTaskType'" class="assistant-inputs">
 			<NcCheckboxRadioSwitch :checked.sync="sccEnabled" @update:checked="onUpdateContextChat">
@@ -318,6 +316,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.chatty-inputs {
+	margin-top: 8px;
+}
 
 .assistant-inputs {
 	margin-bottom: 1rem;

diff --git a/src/components/AssistantTextProcessingForm.vue b/src/components/AssistantTextProcessingForm.vue
@@ -348,7 +348,7 @@ export default {
 
 <style lang="scss" scoped>
 .assistant-form {
-	width: 100%;
+	//width: 100%;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
@@ -358,7 +358,10 @@ export default {
 	overflow-x: hidden;
 
 	.task-input-output-form {
+		display: flex;
+		flex-direction: column;
 		width: 100%;
+		overflow: auto;
 	}
 
 	.output {

diff --git a/src/components/AssistantTextProcessingModal.vue b/src/components/AssistantTextProcessingModal.vue
@@ -158,13 +158,9 @@ export default {
 </script>
 
 <style lang="scss">
-// this is to avoid scroll on the container and leave it to the result block
-.assistant-modal .modal-container {
-	display: flex !important;
-
-	//&__content {
-	//padding: 16px;
-	//}
+// TODO fix this in nc/vue
+.modal-container__content .assistant-modal--wrapper {
+	height: 100%;
 }
 </style>
 
@@ -178,13 +174,14 @@ export default {
 }
 
 .assistant-modal--wrapper {
-	//width: 100%;
-	padding: 16px;
+	width: 100%;
+	display: flex;
 	overflow-y: auto;
 }
 
 .assistant-modal--content {
 	width: 100%;
+	padding: 16px;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
@@ -201,6 +198,7 @@ export default {
 
 	.form {
 		width: 100%;
+		height: 100%;
 	}
 }
 </style>
diff --git a/src/components/ChattyLLM/ChattyLLMInputForm.vue b/src/components/ChattyLLM/ChattyLLMInputForm.vue
@@ -517,9 +517,9 @@ export default {
 
 <style lang="scss" scoped>
 .container {
+	overflow: auto;
 	display: flex;
-	height: 44em;
-	margin-top: 8px;
+	height: 100%;
 
 	:deep .app-navigation-new {
 		padding: 0.5em 0 !important;

diff --git a/src/components/ChattyLLM/NoSession.vue b/src/components/ChattyLLM/NoSession.vue
@@ -32,7 +32,7 @@ export default {
 <style lang="scss" scoped>
 .empty-view {
 	padding: calc(var(--default-grid-baseline) * 4);
-	height: 30em;
+	height: 200px;
 }
 
 .empty-content {