Limit chat input height to 20 lines (#877)

* Limit the number of displayed rows in chat input to 20 * affix send button to bottom of chat input --------- Co-authored-by: David L. Qiu <[email protected]>
jupyterlab · Jul 8, 2024 · fdb8456 · fdb8456
1 parent 43a0e8f
commit fdb8456
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/jupyter-ai/src/components/chat-input.tsx b/packages/jupyter-ai/src/components/chat-input.tsx
@@ -280,13 +280,17 @@ export function ChatInput(props: ChatInputProps): JSX.Element {
             {...params}
             fullWidth
             variant="outlined"
+            maxRows={20}
             multiline
             placeholder="Ask Jupyternaut"
             onKeyDown={handleKeyDown}
             InputProps={{
               ...params.InputProps,
               endAdornment: (
-                <InputAdornment position="end">
+                <InputAdornment
+                  position="end"
+                  sx={{ height: 'unset', alignSelf: 'flex-end' }}
+                >
                   <SendButton {...sendButtonProps} />
                 </InputAdornment>
               )