prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Enable HTML mode toggle (#4442)
Some checks failed
Build Docker Images / Build docker images (push) Has been cancelled
Details
Build Self-Hosting Docker Images / Build self-host docker images (push) Has been cancelled
Details
Run tests / Run Codebase tests (push) Has been cancelled
Details
Run tests / Build docker images (push) Has been cancelled
Details

Browse source
This commit is contained in:
Raphaël Barbazza 2025-02-14 07:06:29 -08:00 committed by GitHub
parent 3c1d74d3d0
commit c6a899bc8a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/web/components/patterns/ArticleNotes.tsx
View file

@ -54,6 +54,7 @@ export function ArticleNotes(props: NoteSectionProps): JSX.Element {
setText={props.setText}
saveText={saveText}
fillBackground={false}
isExpanded
/>
)
}
@ -104,6 +105,7 @@ export function HighlightViewNote(props: HighlightViewNoteProps): JSX.Element {
setText={props.setText}
saveText={saveText}
fillBackground={true}
isExpanded={false}
/>
)
}
@ -116,6 +118,7 @@ type MarkdownNote = {
text: string | undefined
setText: (text: string) => void
fillBackground: boolean | undefined
isExpanded: boolean
saveText: (text: string) => void
}
@ -204,11 +207,12 @@ export function MarkdownNote(props: MarkdownNote): JSX.Element {
'block-quote',
'link',
'auto-resize',
'mode-toggle',
'save',
]}
style={{
width: '100%',
height: '180px',
height: props.isExpanded ? '360px' : '180px',
}}
renderHTML={(text: string) => mdParser.render(text)}
onChange={handleEditorChange}

9
packages/web/components/patterns/MDEditorSavePlugin.tsx
View file

@ -17,7 +17,14 @@ export default class MDEditorSavePlugin extends PluginComponent {
return (
<Button
style="plainIcon"
css={{ display: 'flex', pr: '5px' }}
css={{
alignItems: 'center',
display: 'flex',
height: '28px',
justifyContent: 'center',
lineHeight: '28px',
minWidth: '24px',
}}
onClick={(event) => {
document.dispatchEvent(new Event('saveMarkdownNote'))
event.preventDefault()