[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 <alexrudenko@chromium.org> Commit-Queue: Nikolay Vitkov <nvitkov@chromium.org>
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 {