MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Opacity of group badges.

This commit is contained in:
mike12345567 2025-02-25 17:18:27 +00:00
parent 23135acd12
commit df102e7b6b
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/bbui/src/Badge/Badge.svelte
View File

@ -30,7 +30,7 @@
class:spectrum-Label--seafoam={seafoam} class:spectrum-Label--seafoam={seafoam}
class:spectrum-Label--active={active} class:spectrum-Label--active={active}
class:spectrum-Label--inactive={inactive} class:spectrum-Label--inactive={inactive}
style={customColor ? `background-color: ${customColor};` : ""} style={customColor ? `background-color: ${customColor}` : ""}
> >
<slot /> <slot />
</span> </span>

6
packages/builder/src/pages/builder/app/[application]/_components/BuilderSidePanel.svelte
View File

@ -742,7 +742,7 @@
<div class="auth-entity-access-title">Access</div> <div class="auth-entity-access-title">Access</div>
</div> </div>
{#each allUsers as user} {#each allUsers as user}
{@const userGroups = sdk.users.getUserAppGroups($appStore.appId, user, $groups)} {@const userGroups = sdk.users.getUserAppGroups($appStore.appId, user, $groups).slice(0, 3)}
<div class="auth-entity"> <div class="auth-entity">
<div class="details"> <div class="details">
<div class="user-groups"> <div class="user-groups">
@ -751,7 +751,7 @@
</div> </div>
<div class="group-badges"> <div class="group-badges">
{#each userGroups as group} {#each userGroups as group}
<Badge size="S" customColor={group.color}>{group.name}</Badge> <Badge size="S" customColor={`color-mix(in srgb, ${group.color} 30%, transparent)`}>{group.name}</Badge>
{/each} {/each}
</div> </div>
</div> </div>
@ -949,6 +949,8 @@
grid-template-columns: 1fr 220px; grid-template-columns: 1fr 220px;
align-items: center; align-items: center;
gap: var(--spacing-xl); gap: var(--spacing-xl);
border-bottom: var(--border-light);
padding-bottom: var(--spacing-s);
} }
.auth-entity .details { .auth-entity .details {