CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-04 05:50:57 +12:00
Code Issues Projects Releases Wiki Activity

More icon updates for consistency

Browse source
This commit is contained in:
Andrew Kingston 2024-03-13 13:58:42 +00:00
parent f9156765c0
commit 567cbf3ef8
2 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/bbui/src/Icon/Icon.svelte
View file

@ -14,6 +14,7 @@
export let disabled = false
export let color
export let tooltip
export let newStyles = false
$: rotation = getRotation(direction)
@ -28,6 +29,7 @@
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div
class="icon"
class:newStyles
on:mouseover={() => (showTooltip = true)}
on:focus={() => (showTooltip = true)}
on:mouseleave={() => (showTooltip = false)}
@ -60,6 +62,9 @@
display: grid;
place-items: center;
}
.newStyles {
color: var(--spectrum-global-color-gray-700);
}
svg.hoverable {
pointer-events: all;
@ -72,7 +77,10 @@
svg.hoverable:active {
color: var(--spectrum-global-color-blue-400) !important;
}
.newStyles svg.hoverable:hover,
.newStyles svg.hoverable:active {
color: var(--spectrum-global-color-gray-900) !important;
}
svg.disabled {
color: var(--spectrum-global-color-gray-500) !important;
pointer-events: none !important;

2
packages/builder/src/components/common/bindings/EvaluationSidePanel.svelte
View file

@ -65,7 +65,7 @@
{/if}
<span />
{#if !empty}
<Icon name="Copy" hoverable on:click={copy} />
<Icon name="Copy" hoverable newStyles on:click={copy} />
{/if}
{/if}
</div>