SRSoftware/Umbrella
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

improving markdown editor

Browse Source
This commit is contained in:
Stephan Richter
2025-10-17 15:10:04 +02:00
parent e7643c46fd
commit ba05564702
2 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/Components/MarkdownEditor.svelte
View File

@@ -106,13 +106,15 @@
<div class="markdown {editing?'editing':''}"> <div class="markdown {editing?'editing':''}">
{#if editing} {#if editing}
<span class="hint">{@html t('markdown_supported')}</span>
<textarea bind:value={editValue.source} onkeyup={typed} autofocus={!simple}></textarea> <textarea bind:value={editValue.source} onkeyup={typed} autofocus={!simple}></textarea>
<div>{@html target(editValue.rendered)}</div> <div class="preview">{@html target(editValue.rendered)}</div>
{#if !simple}
<div class="buttons"> <div class="buttons">
<button class="cancel" onclick={e => editing = false}>{t('cancel')}</button> <button class="cancel" onclick={e => editing = false}>{t('cancel')}</button>
<span>{@html t('markdown_supported')}</span>
<button class="save" onclick={doSave}>{t('save')}</button> <button class="save" onclick={doSave}>{t('save')}</button>
</div> </div>
{/if}
{:else} {:else}
<svelte:element this={type} {onclick} {oncontextmenu} class={{editable}} title={t('right_click_to_edit')} >{@html target(editValue.rendered)}</svelte:element> <svelte:element this={type} {onclick} {oncontextmenu} class={{editable}} title={t('right_click_to_edit')} >{@html target(editValue.rendered)}</svelte:element>
{/if} {/if}

14
web/src/main/resources/web/css/default.css
View File

@@ -295,7 +295,8 @@ span.timetracking {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
column-gap: 10px; column-gap: 10px;
} }
.markdown .buttons{ .markdown .buttons,
.markdown .hint{
grid-column-end: span 2; grid-column-end: span 2;
} }
@@ -383,6 +384,17 @@ a.wikilink{
text-align: initial; text-align: initial;
padding-top: 8px; padding-top: 8px;
} }
.markdown.editing{
display: block;
grid-template-columns: 1fr 1fr;
column-gap: 10px;
}
.markdown textarea{
width: calc(100% - 10px);
min-height: 50px;
}
} }
fieldset.vcard{ fieldset.vcard{