DEV: Update css

Author: janzenisaac

assets/javascripts/initializers/ai-conversations-sidebar.js

@@ -39,8 +39,6 @@ export default {
         (BaseCustomSidebarSection, BaseCustomSidebarSectionLink) => {
           const AiConversationLink = class extends BaseCustomSidebarSectionLink {
             route = "topic.fromParamsNear";
-            prefixType = "icon";
-            prefixValue = "robot";
 
             constructor(topic) {
               super(...arguments);
@@ -99,7 +97,7 @@ export default {
 
             get text() {
               return i18n(
-                "discourse_ai.ai_bot.conversations.min_input_length_message"
+                "discourse_ai.ai_bot.conversations.messages_sidebar_title"
               );
             }
 

assets/stylesheets/modules/ai-bot-conversations/common.scss

@@ -22,7 +22,7 @@ body.has-ai-conversations-sidebar {
     }
 
     // ai related sidebar content
-    [data-section-name="custom-messages"] {
+    [data-section-name="ai-conversations-history"] {
       .sidebar-section-header-wrapper {
         pointer-events: none;
         font-size: var(--font-down-1);
@@ -35,38 +35,28 @@ body.has-ai-conversations-sidebar {
           letter-spacing: 0.5px;
         }
       }
-    }
-
-    [data-link-name="View All"] {
-      align-content: stretch;
-
-      .sidebar-section-link-prefix.icon {
-        display: flex;
-        font-size: var(--font-up-1);
-        margin-left: -0.15em;
-      }
-    }
 
-    .sidebar-section-link-wrapper {
-      .sidebar-section-link {
-        height: unset;
-        padding-block: 0.65em;
-        font-size: var(--font-down-1);
-        letter-spacing: 0.35px;
-        border-radius: 0 var(--border-radius) var(--border-radius) 0;
-
-        .sidebar-section-link-content-text {
-          white-space: normal;
-          display: -webkit-box;
-          -webkit-box-orient: vertical;
-          -webkit-line-clamp: 2;
-          overflow: hidden;
+      .sidebar-section-link-wrapper {
+        .sidebar-section-link {
+          height: unset;
+          padding-block: 0.65em;
+          font-size: var(--font-down-1);
+          letter-spacing: 0.35px;
+          border-radius: 0 var(--border-radius) var(--border-radius) 0;
+
+          .sidebar-section-link-content-text {
+            white-space: normal;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+            overflow: hidden;
+          }
         }
       }
-    }
 
-    .sidebar-section-link-prefix {
-      align-self: start;
+      .sidebar-section-link-prefix {
+        align-self: start;
+      }
     }
   }
 
@@ -205,14 +195,16 @@ body.has-ai-conversations-sidebar {
     }
 
     // show toggle when populated
-    &:has(.sidebar-wrapper [data-section-name="custom-messages"]) {
+    &:has(.sidebar-wrapper [data-section-name="ai-conversations-history"]) {
       .header-sidebar-toggle {
         display: block;
       }
     }
 
     // hide the sidebar on the homepage, if empty
-    #main-outlet-wrapper:not(:has([data-section-name="custom-messages"])) {
+    #main-outlet-wrapper:not(
+        :has([data-section-name="ai-conversations-history"])
+      ) {
       grid-template-areas: "content";
       grid-template-columns: 1fr !important;