Update action button style for component settings to match designs

2022-06-08 16:51:14 +01:00 · 2022-06-08 16:51:14 +01:00 · e806001107
parent 56c8a0fcf9
commit e806001107
2 changed files with 5 additions and 1 deletions
--- a/packages/bbui/src/ActionButton/ActionButton.svelte
+++ b/packages/bbui/src/ActionButton/ActionButton.svelte
@ -83,4 +83,7 @@
  :global([dir="ltr"] .spectrum-ActionButton .spectrum-Icon) {
    margin-left: 0;
  }
+  .is-selected {
+    background: var(--spectrum-global-color-gray-300);
+  }
 </style>
--- a/packages/builder/src/components/design/settings/controls/BarButtonList.svelte
+++ b/packages/builder/src/components/design/settings/controls/BarButtonList.svelte
@ -10,8 +10,9 @@
  {#each options as option}
    <ActionButton
      icon={option.barIcon}
-      quiet={option.value !== value}
+      quiet
      on:click={() => onChange(option.value)}
+      selected={option.value === value}
    />
  {/each}
 </ActionGroup>