From 0bc4187350508cc3f24d5683ef8c456b741d945e Mon Sep 17 00:00:00 2001 From: SilasMarvin <19626586+SilasMarvin@users.noreply.github.com> Date: Mon, 23 Oct 2023 12:34:02 -0700 Subject: [PATCH] Touched up the chatbot --- .../src/components/chatbot/chatbot.scss | 23 ++++++++++++++----- .../src/components/chatbot/template.html | 8 +++---- 2 files changed, 21 insertions(+), 10 deletions(-) diff --git a/pgml-dashboard/src/components/chatbot/chatbot.scss b/pgml-dashboard/src/components/chatbot/chatbot.scss index bdfe9630b..ded625965 100644 --- a/pgml-dashboard/src/components/chatbot/chatbot.scss +++ b/pgml-dashboard/src/components/chatbot/chatbot.scss @@ -23,6 +23,7 @@ div[data-controller="chatbot"] { padding-top: 0.85rem; margin-bottom: 1rem; display: none; + white-space: nowrap; } #chatbot-change-the-brain-spacer { @@ -33,6 +34,11 @@ div[data-controller="chatbot"] { .chatbot-knowledge-base-option-label { cursor: pointer; padding: 0.5rem; + transition: all 0.1s; + } + + .chatbot-brain-option-label:hover { + background-color: #{$gray-800}; } .chatbot-brain-provider { @@ -106,6 +112,7 @@ div[data-controller="chatbot"] { #chatbot-question-input-button-wrapper { background-color: #{$gray-600}; + cursor: pointer; } #chatbot-question-input-button { @@ -236,15 +243,19 @@ div[data-controller="chatbot"] { } } - #chatbot-alerts-wrapper { - position: fixed; - top: 105px; - right: 15px; - max-width: 500px; - z-index: 100; + #chatbot-expand-contract-image-wrapper { + background-color: #444444; + cursor: pointer; + transition: all 0.1s; + } + + #chatbot-expand-contract-image-wrapper:hover { + background-color: #2b2b2b; } } + + div[data-controller="chatbot"].chatbot-expanded { position: fixed; top: 100px; diff --git a/pgml-dashboard/src/components/chatbot/template.html b/pgml-dashboard/src/components/chatbot/template.html index 48d44c163..cd37f4ad5 100644 --- a/pgml-dashboard/src/components/chatbot/template.html +++ b/pgml-dashboard/src/components/chatbot/template.html @@ -21,7 +21,7 @@
Knowledge Base:
<% } %> />