Fix active class on buttons

This commit is contained in:
Andrew Kingston 2021-04-26 16:02:03 +01:00
parent 451fc56358
commit 37d1004d8d
1 changed files with 5 additions and 4 deletions

View File

@ -23,15 +23,13 @@
class:active
class="spectrum-Button spectrum-Button--size{size.toUpperCase()}"
{disabled}
on:click|preventDefault
>
on:click|preventDefault>
{#if icon}
<svg
class="spectrum-Icon spectrum-Icon--size{size.toUpperCase()}"
focusable="false"
aria-hidden="true"
aria-label={icon}
>
aria-label={icon}>
<use xlink:href="#spectrum-icon-18-{icon}" />
</svg>
{/if}
@ -46,4 +44,7 @@
overflow: hidden;
text-overflow: ellipsis;
}
.active {
color: var(--spectrum-global-color-blue-600) !important;
}
</style>