AI Chat: small UI fixes (#20716)

brave · Oct 27, 2023 · d353689 · d353689
1 parent aba7303
commit d353689
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 4 deletions.
diff --git a/components/ai_chat/core/constants.cc b/components/ai_chat/core/constants.cc
@@ -86,7 +86,8 @@ base::span<const webui::LocalizedString> GetLocalizedStrings() {
       {"errorContextLimitReaching", IDS_CHAT_UI_ERROR_CONTEXT_LIMIT_REACHING},
       {"gotItButtonLabel", IDS_CHAT_UI_GOT_IT_BUTTON_LABEL},
       {"pageContentTooLongWarning", IDS_CHAT_UI_PAGE_CONTENT_TOO_LONG_WARNING},
-      {"errorConversationEnd", IDS_CHAT_UI_CONVERSATION_END_ERROR}};
+      {"errorConversationEnd", IDS_CHAT_UI_CONVERSATION_END_ERROR},
+      {"leoSettingsTooltipLabel", IDS_CHAT_UI_LEO_SETTINGS_TOOLTIP_LABEL}};
 
   return kLocalizedStrings;
 }

diff --git a/components/ai_chat/resources/page/components/feature_button_menu/index.tsx b/components/ai_chat/resources/page/components/feature_button_menu/index.tsx
@@ -35,7 +35,7 @@ export default function FeatureMenu() {
 
   return (
     <ButtonMenu className={styles.featureMenu}>
-      <div slot='anchor-content'>
+      <div slot='anchor-content' title={getLocale('leoSettingsTooltipLabel')}>
         <Icon name='more-horizontal' />
       </div>
       <div className={styles.menuSectionTitle}>

diff --git a/components/ai_chat/resources/page/components/feature_button_menu/style.module.scss b/components/ai_chat/resources/page/components/feature_button_menu/style.module.scss
@@ -59,5 +59,9 @@
 }
 
 .lockOpen {
-  --leo-icon-color: var(--leo-color-icon-disabled);
+  --leo-icon-color: var(--leo-color-systemfeedback-success-icon);
+}
+
+.featureMenu {
+  height: var(--leo-icon-size);
 }
diff --git a/components/ai_chat/resources/page/stories/locale.ts b/components/ai_chat/resources/page/stories/locale.ts
@@ -69,5 +69,6 @@ provideStrings({
   braveLeoChatLeoExpandedSubtitle: 'Advanced and accurate chat',
   braveLeoChatClaudeInstantSubtitle: 'Strength in creative tasks',
   pageContentTooLongWarning: 'The page you\'re trying to summarize is too long. Some context could be missing from the conversation.',
-  errorConversationEnd: 'This conversation is too long and cannot continue. There may be other models available with which Leo is capable of maintaining accuracy for longer conversations.'
+  errorConversationEnd: 'This conversation is too long and cannot continue. There may be other models available with which Leo is capable of maintaining accuracy for longer conversations.',
+  leoSettingsTooltipLabel: 'Leo settings',
 })
diff --git a/components/resources/ai_chat_ui_strings.grdp b/components/resources/ai_chat_ui_strings.grdp
@@ -217,4 +217,7 @@
   <message name="IDS_CHAT_UI_CHAT_CLAUDE_INSTANT_SUBTITLE" desc="A description for claude-instant-v1 model">
     Conversation and text generation
   </message>
+  <message name="IDS_CHAT_UI_LEO_SETTINGS_TOOLTIP_LABEL" desc="A label for leo settings tooltip">
+    Leo settings
+  </message>
 </grit-part>