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

8
styles.css
View file

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