[Freestyler] Fix stop button style

Also fixes some styling on the input container Bug: 351969243 Change-Id: I846b0db4fc3d99f9c4e51fcabbf4bf860d5a84c3 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/5687118 Reviewed-by: Alex Rudenko <[email protected]> Commit-Queue: Nikolay Vitkov <[email protected]>
ChromeDevTools · Jul 9, 2024 · 1b096c1 · 1b096c1
1 parent 839c16e
commit 1b096c1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/front_end/panels/freestyler/components/FreestylerChatUi.ts b/front_end/panels/freestyler/components/FreestylerChatUi.ts
@@ -536,7 +536,7 @@ export class FreestylerChatUi extends HTMLElement {
                       @click=${this.#handleCancel}
                       .data=${
                         {
-                          variant: Buttons.Button.Variant.ICON,
+                          variant: Buttons.Button.Variant.PRIMARY,
                           size: Buttons.Button.Size.SMALL,
                           iconName: 'stop',
                           title: i18nString(TempUIStrings.cancelButtonTitle),

diff --git a/front_end/panels/freestyler/components/freestylerChatUi.css b/front_end/panels/freestyler/components/freestylerChatUi.css
@@ -38,16 +38,19 @@
   height: var(--sys-size-11);
   border-radius: 4px;
   border: 1px solid var(--sys-color-neutral-outline);
-  padding-left: 2px;
+  padding: 0 2px;
   width: 100%;
   display: flex;
+  background-color: var(--sys-color-cdt-base-container);
 }
 
 .chat-input {
   border: 0;
   height: var(--sys-size-11);
   padding: 0 6px;
   flex-grow: 1;
+  color: var(--sys-color-on-surface);
+  background-color: var(--sys-color-cdt-base-container);
 }
 
 .chat-input:focus-visible {