obsidian-plugin/maradotwebp_obsidian-avatar
1
0
Fork 0
mirror of https://github.com/maradotwebp/obsidian-avatar.git synced 2026-07-22 07:30:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix overlapping text in certain situations

Browse source
This commit is contained in:
mara.froehlich 2025-01-27 18:48:09 +01:00
parent 2daa4ef222
commit 123a7a2907
1 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/components/AvatarView.svelte
View file

@ -120,9 +120,7 @@
<div class="flex" class:reverse={state?.side === "right"}>
<div
class="avatar relative"
style:width={`${avatarSize}px`}
style:height={`${avatarSize}px`}
class="avatar-container relative"
on:click={updateImage}
on:mouseenter={() => (hoverOnImage = true)}
on:mouseleave={() => (hoverOnImage = false)}
@ -130,6 +128,8 @@
<img
class="avatar"
alt="Avatar"
style:width={`${avatarSize}px`}
style:height={`${avatarSize}px`}
src={state.image ? normalizeImgPath(state?.image) : fallbackImage}
/>
{#if inSourceMode && hoverOnImage}
@ -138,7 +138,7 @@
</Fab>
{/if}
</div>
<div class="description relative" on:click={enterEditMode}>
<div class="description" on:click={enterEditMode}>
<textarea
class="textarea"
bind:this={descriptionEditEl}
@ -182,10 +182,11 @@
position: relative;
}
.avatar {
.avatar-container {
flex: 0 0 auto;
width: attr(data-size);
height: attr(data-size);
}
.avatar {
object-fit: cover;
border-radius: 6px;
}