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

Improve position of user avatar tooltips

This commit is contained in:
Andrew Kingston 2023-07-07 16:05:23 +01:00
parent 06876b0ea2
commit ce90f9cd25
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/builder/src/pages/builder/app/[application]/_components/UserAvatars.svelte
View File

@ -5,6 +5,7 @@
export let users = [] export let users = []
export let order = "ltr" export let order = "ltr"
export let size = "S" export let size = "S"
export let tooltipPosition = TooltipPosition.Top
$: uniqueUsers = unique(users, order) $: uniqueUsers = unique(users, order)
$: avatars = getAvatars(uniqueUsers, order) $: avatars = getAvatars(uniqueUsers, order)
@ -47,7 +48,7 @@
color="var(--spectrum-global-color-gray-500)" color="var(--spectrum-global-color-gray-500)"
/> />
{:else} {:else}
<UserAvatar {size} {user} tooltipPosition={TooltipPosition.Bottom} /> <UserAvatar {size} {user} {tooltipPosition} />
{/if} {/if}
</span> </span>
{/each} {/each}

7
packages/builder/src/pages/builder/app/[application]/_layout.svelte
View File

@ -15,6 +15,7 @@
Heading, Heading,
Modal, Modal,
notifications, notifications,
TooltipPosition,
} from "@budibase/bbui" } from "@budibase/bbui"
import AppActions from "components/deploy/AppActions.svelte" import AppActions from "components/deploy/AppActions.svelte"
import { API } from "api" import { API } from "api"
@ -172,7 +173,11 @@
</div> </div>
<div class="toprightnav"> <div class="toprightnav">
<span> <span>
<UserAvatars users={$userStore} order="rtl" /> <UserAvatars
users={$userStore}
order="rtl"
tooltipPosition={TooltipPosition.Bottom}
/>
</span> </span>
<AppActions {application} {loaded} /> <AppActions {application} {loaded} />
</div> </div>