Fix user avatar in audit logs page
This commit is contained in:
parent
de1840e813
commit
d87e943750
|
@ -1,42 +1,9 @@
|
||||||
<script>
|
<script>
|
||||||
import { Tooltip } from "@budibase/bbui"
|
|
||||||
import { UserAvatar } from "@budibase/frontend-core"
|
import { UserAvatar } from "@budibase/frontend-core"
|
||||||
|
|
||||||
export let row
|
export let row
|
||||||
|
|
||||||
let showTooltip
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
{#if row?.user?.email}
|
{#if row?.user?.email}
|
||||||
<div
|
<UserAvatar user={row.user} />
|
||||||
class="container"
|
|
||||||
on:mouseover={() => (showTooltip = true)}
|
|
||||||
on:focus={() => (showTooltip = true)}
|
|
||||||
on:mouseleave={() => (showTooltip = false)}
|
|
||||||
>
|
|
||||||
<UserAvatar user={row.user} />
|
|
||||||
</div>
|
|
||||||
{#if showTooltip}
|
|
||||||
<div class="tooltip">
|
|
||||||
<Tooltip textWrapping text={row.user.email} direction="bottom" />
|
|
||||||
</div>
|
|
||||||
{/if}
|
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<style>
|
|
||||||
.container {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.tooltip {
|
|
||||||
z-index: 1;
|
|
||||||
position: absolute;
|
|
||||||
top: 75%;
|
|
||||||
left: 120%;
|
|
||||||
transform: translateX(-100%) translateY(-50%);
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: flex-end;
|
|
||||||
width: 130px;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
Loading…
Reference in New Issue