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

View File

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