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--active={active}
class:spectrum-Label--inactive={inactive}
style={customColor ? `background-color: ${customColor};` : ""}
style={customColor ? `background-color: ${customColor}` : ""}
>
<slot />
</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>
{#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="details">
<div class="user-groups">
@ -751,7 +751,7 @@
</div>
<div class="group-badges">
{#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}
</div>
</div>
@ -949,6 +949,8 @@
grid-template-columns: 1fr 220px;
align-items: center;
gap: var(--spacing-xl);
border-bottom: var(--border-light);
padding-bottom: var(--spacing-s);
}
.auth-entity .details {