CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-05 22:40:39 +12:00
Code Issues Projects Releases Wiki Activity

Fix styles of tag renderer to make it readable but remove hover state

Browse source
This commit is contained in:
Andrew Kingston 2021-05-21 13:55:17 +01:00
parent eaaf3dfbca
commit 509ada35fc
1 changed files with 23 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
packages/builder/src/pages/builder/portal/manage/users/_components/TagsTableRenderer.svelte
View file

@ -9,13 +9,26 @@
$: leftover = roles.length - tags.length $: leftover = roles.length - tags.length
</script> </script>
<Tags> <div class="tag-renderer">
{#each tags as tag} <Tags>
<Tag disabled> {#each tags as tag}
{tag} <Tag>
</Tag> {tag}
{/each} </Tag>
{#if leftover} {/each}
<Tag>+{leftover} more</Tag> {#if leftover}
{/if} <Tag>+{leftover} more</Tag>
</Tags> {/if}
</Tags>
</div>
<style>
.tag-renderer :global(.spectrum-Tags-item:hover) {
color: var(--spectrum-alias-label-text-color);
border-color: var(--spectrum-alias-border-color-darker-default);
cursor: pointer;
}
.tag-renderer :global(.spectrum-Tags-itemLabel) {
cursor: pointer;
}
</style>