1
0
Fork 0
mirror of synced 2024-06-17 09:55:09 +12:00

update icon to use hoverable

This commit is contained in:
Peter Clement 2021-09-21 20:30:58 +01:00
parent d15ff0c6e9
commit fc4df8867c
2 changed files with 9 additions and 8 deletions

View file

@ -62,8 +62,14 @@
style="display:flex;
color: var(--spectrum-global-color-gray-400);"
>
<span on:click={confirmDeleteDialog.show} class="iconPadding">
<div class="icon"><Icon name="DeleteOutline" /></div>
<span class="iconPadding">
<div class="icon">
<Icon
on:click={confirmDeleteDialog.show}
hoverable
name="DeleteOutline"
/>
</div>
</span>
<ActionButton
on:click={() => {
@ -154,9 +160,4 @@
display: flex;
padding-right: var(--spacing-m);
}
.icon:hover {
cursor: pointer;
color: var(--spectrum-alias-text-color-hover);
}
</style>

View file

@ -102,7 +102,7 @@
padding: var(--spectrum-alias-item-padding-s);
background: var(--spectrum-alias-background-color-secondary);
transition: 0.3s all;
border: solid #3b3d3c;
border: solid var(--spectrum-alias-border-color);
border-radius: 5px;
box-sizing: border-box;
border-width: 2px;