CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-06-26 18:10:51 +12:00
Code Issues Projects Releases Wiki Activity

update icon to use hoverable

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

15
packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowChart.svelte
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>

2
packages/builder/src/components/automation/AutomationPanel/CreateAutomationModal.svelte
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;