Changeset 3459058 for faqtastic/trunk/src/chatbot/chatbot.scss

Timestamp:

02/11/2026 03:00:04 PM (6 weeks ago)

Author:

bastho

Message:

Merge branch 'chatbot-title-and-icon' into 'main'

File:

• faqtastic/trunk/src/chatbot/chatbot.scss (modified) (2 diffs)

faqtastic/trunk/src/chatbot/chatbot.scss

@@ -144 +144 @@
     box-shadow: 0 4px 10px rgba(0,0,0,0.3);
     transition: transform 0.2s ease, background 0.2s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     &:hover {
         transform: scale(1.05);
     }
 }
+
+// Custom SVG icon styles
+.faqtastic-chatbot-custom-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    
+    svg {
+        width: 100%;
+        height: 100%;
+        fill: currentColor;
+    }
+}
+
+// Custom Image icon styles
+.faqtastic-chatbot-custom-image {
+    width: 24px;
+    height: 24px;
+    object-fit: contain;
+    border-radius: 0;
+}
+
 .faqtastic-chatbot-wrapper[data-position="relative"] .faqtastic-chatbot-toggle {
     margin-top: 0.5rem;
@@ -203 +230 @@
 }
 
+.faqtastic-chatbot-header-text {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+}
+
+.faqtastic-chatbot-title {
+    font-weight: bold;
+    line-height: 1.2;
+}
+
+.faqtastic-chatbot-subtitle {
+    font-size: 0.75em;
+    font-weight: normal;
+    opacity: 0.85;
+    line-height: 1.2;
+}
+
 .faqtastic-close-btn {
     background: none;