1
0
Fork 0
mirror of synced 2024-09-10 22:46:09 +12:00

Improve performance by removing keyed each blocks and fix reorder target styling

This commit is contained in:
Andrew Kingston 2023-03-02 13:39:47 +00:00
parent 9b5f2d92f0
commit 1067f06fd6
2 changed files with 4 additions and 4 deletions

View file

@ -93,7 +93,7 @@
right: 0;
background: var(--spectrum-global-color-blue-400);
width: 2px;
height: calc(var(--cell-height) + 1px);
height: calc(var(--cell-height) + 2px);
}
/* Label cells */

View file

@ -57,7 +57,7 @@
on:click={editable ? toggleOpen : null}
>
<div class="values">
{#each values as val (val)}
{#each values as val}
{@const color = getOptionColor(val)}
{#if color}
<div class="badge text" style="--color: {color}">
@ -77,7 +77,7 @@
{/if}
{#if open}
<div class="options">
{#each values as val (val)}
{#each values as val}
{@const color = getOptionColor(val)}
<div class="option" on:click={() => toggleOption(val)}>
<div class="badge text" style="--color: {color}">
@ -89,7 +89,7 @@
/>
</div>
{/each}
{#each unselectedOptions as option (option)}
{#each unselectedOptions as option}
<div class="option" on:click={() => toggleOption(option)}>
<div class="badge text" style="--color: {getOptionColor(option)}">
{option}