update icon to use hoverable
This commit is contained in:
parent
d15ff0c6e9
commit
fc4df8867c
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue