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 look of description

Browse source
This commit is contained in:
mara.froehlich 2025-01-27 18:56:56 +01:00
parent 123a7a2907
commit 06e96c659e
2 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/AvatarView.svelte
View file

@ -138,7 +138,11 @@
</Fab> </Fab>
{/if} {/if}
</div> </div>
<div class="description" on:click={enterEditMode}> <div
class="description relative"
on:click={enterEditMode}
class:editmode={!!editMode}
>
<textarea <textarea
class="textarea" class="textarea"
bind:this={descriptionEditEl} bind:this={descriptionEditEl}
@ -147,7 +151,7 @@
bind:value={state.description} bind:value={state.description}
></textarea> ></textarea>
<span <span
class="avatar-plugin--md-preview with-placeholder" class="avatar-plugin--md with-placeholder"
hidden={editMode} hidden={editMode}
bind:this={descriptionPreviewEl} bind:this={descriptionPreviewEl}
data-placeholder="Write your story..." data-placeholder="Write your story..."
@ -194,10 +198,13 @@
.description { .description {
flex: 1 1 auto; flex: 1 1 auto;
word-break: break-word; word-break: break-word;
padding: 6px;
border-radius: 6px; border-radius: 6px;
} }
.description.editmode {
padding: 6px;
}
.textarea { .textarea {
width: 100%; width: 100%;
height: 100%; height: 100%;

8
styles.css
View file

@ -2,6 +2,10 @@
float: right; float: right;
} }
.avatar-plugin--md-preview > * { .avatar-plugin--md > *:first-child {
margin-top: 0; margin-block-start: 0;
}
.avatar-plugin--md > *:last-child {
margin-block-end: 0;
} }