From 51365ebc1510e34066b41482beb4be0e89ac7255 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Felix=20N=C3=BCsse?= Date: Thu, 26 May 2022 10:42:57 +0200 Subject: [PATCH 01/33] implement in-app-wiki MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Felix Nüsse --- src/App.vue | 22 +++++- src/components/AppHelp.vue | 150 +++++++++++++++++++++++++++++++++++++ 2 files changed, 170 insertions(+), 2 deletions(-) create mode 100644 src/components/AppHelp.vue diff --git a/src/App.vue b/src/App.vue index 656e9d250..f2550b173 100644 --- a/src/App.vue +++ b/src/App.vue @@ -18,9 +18,17 @@ /> - + @@ -41,6 +49,7 @@ import { NcAppContent, NcAppNavigation, NcAppNavigationNew, + NcAppNavigationItem, NcContent, } from '@nextcloud/vue' import { showSuccess, TOAST_UNDO_TIMEOUT, TOAST_PERMANENT_TIMEOUT } from '@nextcloud/dialogs' @@ -53,16 +62,20 @@ import { fetchNotes, noteExists, createNote, undoDeleteNote } from './NotesServi import AppSettings from './components/AppSettings.vue' import NavigationList from './components/NavigationList.vue' import store from './store.js' +import AppHelp from './components/AppHelp' +import Vue from 'vue' export default { name: 'App', components: { + AppHelp, AppSettings, NavigationList, NcAppContent, NcAppNavigation, NcAppNavigationNew, + NcAppNavigationItem, NcContent, PlusIcon, }, @@ -81,6 +94,7 @@ export default { undoTimer: null, deletedNotes: [], refreshTimer: null, + helpVisible: false, } }, @@ -227,6 +241,10 @@ export default { } }, + openHelp() { + this.helpVisible = !this.helpVisible; + this.helpVisible = true; + }, onNewNote() { if (this.loading.create) { return diff --git a/src/components/AppHelp.vue b/src/components/AppHelp.vue new file mode 100644 index 000000000..5235f000d --- /dev/null +++ b/src/components/AppHelp.vue @@ -0,0 +1,150 @@ + + + + + From 98466fe24e4107e86954109ae9c2591a24f3e39f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Felix=20N=C3=BCsse?= Date: Thu, 26 May 2022 10:54:20 +0200 Subject: [PATCH 02/33] use apple store link MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Felix Nüsse --- src/components/AppHelp.vue | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/AppHelp.vue b/src/components/AppHelp.vue index 5235f000d..97b9f56f8 100644 --- a/src/components/AppHelp.vue +++ b/src/components/AppHelp.vue @@ -68,7 +68,11 @@
{{ t('notes', 'iOS app') }}
- {{ t('notes', 'Only on Github') }} + + Get it on Apple S +
From 55a949cfa5ca8534ad1044aa3b2216f6842fd2ba Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Felix=20N=C3=BCsse?= Date: Thu, 26 May 2022 10:55:43 +0200 Subject: [PATCH 03/33] add tips and tricks section MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Felix Nüsse --- src/components/AppHelp.vue | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/components/AppHelp.vue b/src/components/AppHelp.vue index 97b9f56f8..2e62781fd 100644 --- a/src/components/AppHelp.vue +++ b/src/components/AppHelp.vue @@ -45,6 +45,12 @@ + +
+ {{ t('notes', 'Double Click the text in viewmode to quickly open edit mode!') }} +
+ +
{{ t('notes', 'Install the app for your mobile phone in order to access your notes from everywhere.') }} From cffd98bb49a1112fc60f86e8fc4c7447c3b19858 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Felix=20N=C3=BCsse?= Date: Thu, 26 May 2022 11:15:36 +0200 Subject: [PATCH 04/33] add most used markdown sequences and shortcuts MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Felix Nüsse --- src/components/AppHelp.vue | 43 +++++++++++++++++++++++++++++++------- 1 file changed, 35 insertions(+), 8 deletions(-) diff --git a/src/components/AppHelp.vue b/src/components/AppHelp.vue index 2e62781fd..094adde6d 100644 --- a/src/components/AppHelp.vue +++ b/src/components/AppHelp.vue @@ -24,7 +24,7 @@ {{ t('notes', 'Visualized') }} - {{ item.sequence }} + {{ item.sequence }} {{ item.result }} {{ item.visualized }} @@ -119,21 +119,48 @@ export default { computed: { getShortcuts() { return [ - this.getShortcut("cmd-alt-l", "drawImage"), - this.getShortcut("cmd-alt-l", "drawImage") + {shortcut: "CTRL+'", action: "toggleBlockquote"}, + {shortcut: "CTRL+B", action: "toggleBold"}, + {shortcut: "CTRL+E", action: "cleanBlock"}, + {shortcut: "CTRL+H", action: "toggleHeadingSmaller"}, + {shortcut: "CTRL+I", action: "toggleItalic"}, + {shortcut: "CTRL+K", action: "drawLink"}, + {shortcut: "CTRL+L", action: "toggleUnorderedList"}, + {shortcut: "CTRL+P", action: "togglePreview"}, + {shortcut: "CTRL+Alt+C", action: "toggleCodeBlock"}, + {shortcut: "CTRL+Alt+I", action: "drawImage"}, + {shortcut: "CTRL+Alt+L", action: "toggleOrderedList"}, + {shortcut: "Shift+Cmd+H", action: "toggleHeadingBigger"}, + {shortcut: "F9", action: "toggleSideBySide"}, + {shortcut: "F11", action: "toggleFullScreen"}, + {shortcut: "CTRL+/", action: "Switch between Editor and Viewer"}, ] }, getMarkdown() { return [ {sequence: "**test**", result: "make bold", visualized: "test"}, + {sequence: "*italics*", result: "make italic", visualized: "test"}, + {sequence: "~~strikethrough~~", result: "strikethrough", visualized: "test"}, + + {sequence: "# Big header", result: "Big header", visualized: "

test

"}, + {sequence: "## Medium header", result: "Medium header", visualized: "

test

"}, + {sequence: "### Small header", result: "Small header", visualized: "

test

"}, + {sequence: "#### Tiny header", result: "Tiny header", visualized: "

test

"}, + + {sequence: "* Generic list item", result: "Generic list item", visualized: "
  • test
    • "}, + {sequence: "1. Numbered list item
    2. Numbered list item
    4. Numbered list item
    ", result: "Generic list item", visualized: "
  • 1. test
  • 2. test
  • 3. test
    • "}, + + + {sequence: "[Text to display](http://www.example.com)", result: "link", visualized: "Text to display"}, + {sequence: "![Alt Title](http://www.example.com/image.jpg)", result: "link", visualized: "Alt Title"}, + {sequence: "> This is a quote.
    > It can span multiple lines!", result: "Quote", visualized: ""}, + + + {sequence: "`code`", result: "code", visualized: ""}, + {sequence: "```
    Multi Line Blockcode
    ```", result: "mlb", visualized: ""}, ] }, }, - methods: { - getShortcut(key, value) { - return {shortcut: key, action: value} - } - }, watch: { settingsOpen: { From 8cb7a87649b2fc3628e10f79989ddf1fefa9b569 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Felix=20N=C3=BCsse?= Date: Thu, 26 May 2022 11:27:20 +0200 Subject: [PATCH 05/33] add close button MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Felix Nüsse --- src/components/AppHelp.vue | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/components/AppHelp.vue b/src/components/AppHelp.vue index 094adde6d..2e62dd051 100644 --- a/src/components/AppHelp.vue +++ b/src/components/AppHelp.vue @@ -1,6 +1,7 @@ - - + @@ -243,8 +243,8 @@ export default { }, openHelp() { - this.helpVisible = !this.helpVisible; - this.helpVisible = true; + this.helpVisible = !this.helpVisible + this.helpVisible = true }, onNewNote() { if (this.loading.create) { diff --git a/src/Util.js b/src/Util.js index db21255c4..4a9291451 100644 --- a/src/Util.js +++ b/src/Util.js @@ -28,7 +28,6 @@ export const routeIsNewNote = ($route) => { return {}.hasOwnProperty.call($route.query, 'new') } - export const getDefaultSampleNote = () => { return t('notes', `# My notes diff --git a/src/components/AppHelp.vue b/src/components/AppHelp.vue index 40c960911..865e7201e 100644 --- a/src/components/AppHelp.vue +++ b/src/components/AppHelp.vue @@ -3,7 +3,7 @@

    {{ t('notes', 'Notes Application') }}

    - +
    {{ t('notes', 'Start writing a note by clicking on “{newnote}” in the app navigation.', { newnote: t('notes', 'New note') }) }}
    @@ -14,7 +14,7 @@ {{ t('notes', 'Organize your notes in categories.') }}
    - +
    {{ t('notes', 'Use Markdown markups to style your text.') }}
    @@ -32,7 +32,7 @@     - +
    {{ t('notes', 'Use shortcuts to quickly navigate this app.') }}
    @@ -47,13 +47,13 @@     - +
    {{ t('notes', 'Double Click the text in viewmode to quickly open edit mode!') }}
    - +
    {{ t('notes', 'Install the app for your mobile phone in order to access your notes from everywhere.') }}
    @@ -61,15 +61,11 @@ {{ t('notes', 'Android app') }}
    - Get it on Play Store + - Get it on F-Droid +
    @@ -77,12 +73,11 @@ {{ t('notes', 'iOS app') }}
    - Get it on Apple S + - + +     @@ -97,10 +92,9 @@ import { AppSettingsDialog, AppSettingsSection, } from '@nextcloud/vue' -import {createNote} from "../NotesService"; +import { createNote } from '../NotesService'; import { getDefaultSampleNote } from '../Util' - export default { name: 'AppHelp', @@ -122,45 +116,44 @@ export default { computed: { getShortcuts() { return [ - {shortcut: "CTRL+'", action: "toggleBlockquote"}, - {shortcut: "CTRL+B", action: "toggleBold"}, - {shortcut: "CTRL+E", action: "cleanBlock"}, - {shortcut: "CTRL+H", action: "toggleHeadingSmaller"}, - {shortcut: "CTRL+I", action: "toggleItalic"}, - {shortcut: "CTRL+K", action: "drawLink"}, - {shortcut: "CTRL+L", action: "toggleUnorderedList"}, - {shortcut: "CTRL+P", action: "togglePreview"}, - {shortcut: "CTRL+Alt+C", action: "toggleCodeBlock"}, - {shortcut: "CTRL+Alt+I", action: "drawImage"}, - {shortcut: "CTRL+Alt+L", action: "toggleOrderedList"}, - {shortcut: "Shift+Cmd+H", action: "toggleHeadingBigger"}, - {shortcut: "F9", action: "toggleSideBySide"}, - {shortcut: "F11", action: "toggleFullScreen"}, - {shortcut: "CTRL+/", action: "Switch between Editor and Viewer"}, + { shortcut: 'CTRL+', action: 'toggleBlockquote' }, + { shortcut: 'CTRL+B', action: 'toggleBold' }, + { shortcut: 'CTRL+E', action: 'cleanBlock' }, + { shortcut: 'CTRL+H', action: 'toggleHeadingSmaller' }, + { shortcut: 'CTRL+I', action: 'toggleItalic' }, + { shortcut: 'CTRL+K', action: 'drawLink' }, + { shortcut: 'CTRL+L', action: 'toggleUnorderedList' }, + { shortcut: 'CTRL+P', action: 'togglePreview' }, + { shortcut: 'CTRL+Alt+C', action: 'toggleCodeBlock' }, + { shortcut: 'CTRL+Alt+I', action: 'drawImage' }, + { shortcut: 'CTRL+Alt+L', action: 'toggleOrderedList' }, + { shortcut: 'Shift+Cmd+H', action: 'toggleHeadingBigger' }, + { shortcut: 'F9', action: 'toggleSideBySide' }, + { shortcut: 'F11', action: 'toggleFullScreen' }, + { shortcut: 'CTRL+/', action: 'Switch between Editor and Viewer' }, ] }, getMarkdown() { return [ - {sequence: "**test**", result: "make bold", visualized: "test"}, - {sequence: "*italics*", result: "make italic", visualized: "test"}, - {sequence: "~~strikethrough~~", result: "strikethrough", visualized: "test"}, - - {sequence: "# Big header", result: "Big header", visualized: "

    test

    "}, - {sequence: "## Medium header", result: "Medium header", visualized: "

    test

    "}, - {sequence: "### Small header", result: "Small header", visualized: "

    test

    "}, - {sequence: "#### Tiny header", result: "Tiny header", visualized: "

    test

    "}, - - {sequence: "* Generic list item", result: "Generic list item", visualized: "
  • test
    • "}, - {sequence: "1. Numbered list item
    2. Numbered list item
    4. Numbered list item
    ", result: "Generic list item", visualized: "
  • 1. test
  • 2. test
  • 3. test
    • "}, + { sequence: '**test**', result: 'make bold', visualized: 'test' }, + { sequence: '*italics*', result: 'make italic', visualized: 'test' }, + { sequence: '~~strikethrough~~', result: 'strikethrough', visualized: 'test' }, + { sequence: '# Big header', result: 'Big header', visualized: '

    test

    ' }, + { sequence: '## Medium header', result: 'Medium header', visualized: '

    test

    ' }, + { sequence: '### Small header', result: 'Small header', visualized: '

    test

    ' }, + { sequence: '#### Tiny header', result: 'Tiny header', visualized: '

    test

    ' }, - {sequence: "[Text to display](http://www.example.com)", result: "link", visualized: "Text to display"}, - {sequence: "![Alt Title](http://www.example.com/image.jpg)", result: "link", visualized: "Alt Title"}, - {sequence: "> This is a quote.
    > It can span multiple lines!", result: "Quote", visualized: ""}, + { sequence: '* Generic list item', result: 'Generic list item', visualized: '
  • test
    • ' }, + { sequence: '1. Numbered list item
    2. Numbered list item
    4. Numbered list item
    ', + result: 'Generic list item', visualized: '
  • 1. test
  • 2. test
  • 3. test
    • ' }, + { sequence: '[Text to display](http://www.example.com)', result: "'link'", visualized: "Text to display" }, + { sequence: '![Alt Title](http://www.example.com/image.jpg)', result: 'link', visualized: "Alt Title" }, + { sequence: '> This is a quote.
    > It can span multiple lines!', result: 'Quote', visualized: '' }, - {sequence: "`code`", result: "code", visualized: ""}, - {sequence: "```
    Multi Line Blockcode
    ```", result: "mlb", visualized: ""}, + { sequence: '`code`', result: 'code', visualized: '' }, + { sequence: '```
    Multi Line Blockcode
    ```', result: 'mlb', visualized: '' }, ] }, }, @@ -169,7 +162,7 @@ export default { onNewNote() { createNote('') .then(note => { - let query = { new: getDefaultSampleNote() }; + const query = { new: getDefaultSampleNote() } this.$router.push({ name: 'note', params: { noteId: note.id.toString() }, @@ -178,7 +171,7 @@ export default { }) .catch(() => { }) - this.settingsOpen = false; + this.settingsOpen = false }, }, diff --git a/src/components/Note.vue b/src/components/Note.vue index 6727b97c8..bccd309b4 100644 --- a/src/components/Note.vue +++ b/src/components/Note.vue @@ -205,6 +205,7 @@ export default { document.addEventListener('fullscreenchange', this.onDetectFullscreen) document.addEventListener('keydown', this.onKeyPress) document.addEventListener('visibilitychange', this.onVisibilityChange) + }, destroyed() { @@ -236,10 +237,9 @@ export default { } this.startRefreshTimer() - let newContent = this.$route.query.new; - if (this.isNewNote && (newContent != "" && newContent != null)) { - this.note.content = newContent; - console.log(this.note.content) + const newContent = this.$route.query.new + if (this.isNewNote && (newContent !== '' && newContent != null)) { + this.note.content = newContent this.onManualSave() } }) diff --git a/src/components/Welcome.vue b/src/components/Welcome.vue index 62106569c..fa1fecf2a 100644 --- a/src/components/Welcome.vue +++ b/src/components/Welcome.vue @@ -5,7 +5,7 @@
    {{ t('notes', 'Start writing a note by clicking on “{newnote}” in the app navigation.', { newnote: t('notes', 'New note') }) }}
    - +
    {{ t('notes', 'Write down your thoughts without any distractions.') }}
    @@ -30,10 +30,9 @@ import { NcAppContent, } from '@nextcloud/vue' -import {createNote} from "../NotesService"; +import { createNote } from '../NotesService' import { getDefaultSampleNote } from '../Util' - export default { name: 'Welcome', @@ -45,7 +44,7 @@ export default { onNewNote() { createNote('') .then(note => { - let query = { new: getDefaultSampleNote() }; + const query = { new: getDefaultSampleNote() } this.$router.push({ name: 'note', params: { noteId: note.id.toString() }, From 73ba3c7365e0e701608171a82b687335684dead7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Felix=20N=C3=BCsse?= Date: Fri, 27 May 2022 14:54:46 +0200 Subject: [PATCH 10/33] add more translations MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Felix Nüsse --- src/components/AppHelp.vue | 54 +++++++++++++++++++------------------- 1 file changed, 27 insertions(+), 27 deletions(-) diff --git a/src/components/AppHelp.vue b/src/components/AppHelp.vue index 865e7201e..2865e1db7 100644 --- a/src/components/AppHelp.vue +++ b/src/components/AppHelp.vue @@ -116,37 +116,37 @@ export default { computed: { getShortcuts() { return [ - { shortcut: 'CTRL+', action: 'toggleBlockquote' }, - { shortcut: 'CTRL+B', action: 'toggleBold' }, - { shortcut: 'CTRL+E', action: 'cleanBlock' }, - { shortcut: 'CTRL+H', action: 'toggleHeadingSmaller' }, - { shortcut: 'CTRL+I', action: 'toggleItalic' }, - { shortcut: 'CTRL+K', action: 'drawLink' }, - { shortcut: 'CTRL+L', action: 'toggleUnorderedList' }, - { shortcut: 'CTRL+P', action: 'togglePreview' }, - { shortcut: 'CTRL+Alt+C', action: 'toggleCodeBlock' }, - { shortcut: 'CTRL+Alt+I', action: 'drawImage' }, - { shortcut: 'CTRL+Alt+L', action: 'toggleOrderedList' }, - { shortcut: 'Shift+Cmd+H', action: 'toggleHeadingBigger' }, - { shortcut: 'F9', action: 'toggleSideBySide' }, - { shortcut: 'F11', action: 'toggleFullScreen' }, - { shortcut: 'CTRL+/', action: 'Switch between Editor and Viewer' }, + { shortcut: t('notes', 'CTRL+\''), action: t('notes', 'Make the selection a quote') }, + { shortcut: t('notes', 'CTRL+B'), action: t('notes', 'Make the selection bold') }, + { shortcut: t('notes', 'CTRL+E'), action: t('notes', 'cleanBlock') }, + { shortcut: t('notes', 'CTRL+H'), action: t('notes', 'toggleHeadingSmaller') }, + { shortcut: t('notes', 'CTRL+I'), action: t('notes', 'Make the selection italic') }, + { shortcut: t('notes', 'CTRL+K'), action: t('notes', 'Insert link at cursor') }, + { shortcut: t('notes', 'CTRL+L'), action: t('notes', 'Makes the current line a list element') }, + { shortcut: t('notes', 'CTRL+P'), action: t('notes', 'Toggle between preview') }, + { shortcut: t('notes', 'CTRL+Alt+C'), action: t('notes', 'The selection will be turned into monospace') }, + { shortcut: t('notes', 'CTRL+Alt+I'), action: t('notes', 'Insert image at the cursor') }, + { shortcut: t('notes', 'CTRL+Alt+L'), action: t('notes', 'kes the current line a list element with a number') }, + { shortcut: t('notes', 'SHIFT+CTRL+H'), action: t('notes', 'toggleHeadingBigger') }, + { shortcut: t('notes', 'F9'), action: t('notes', 'toggleSideBySide') }, + { shortcut: t('notes', 'F11'), action: t('notes', 'Make the note fullscreen') }, + { shortcut: t('notes', 'CTRL+/'), action: t('notes', 'Switch between Editor and Viewer') }, ] }, getMarkdown() { return [ - { sequence: '**test**', result: 'make bold', visualized: 'test' }, - { sequence: '*italics*', result: 'make italic', visualized: 'test' }, - { sequence: '~~strikethrough~~', result: 'strikethrough', visualized: 'test' }, - - { sequence: '# Big header', result: 'Big header', visualized: '

    test

    ' }, - { sequence: '## Medium header', result: 'Medium header', visualized: '

    test

    ' }, - { sequence: '### Small header', result: 'Small header', visualized: '

    test

    ' }, - { sequence: '#### Tiny header', result: 'Tiny header', visualized: '

    test

    ' }, - - { sequence: '* Generic list item', result: 'Generic list item', visualized: '
  • test
    • ' }, - { sequence: '1. Numbered list item
    2. Numbered list item
    4. Numbered list item
    ', - result: 'Generic list item', visualized: '
  • 1. test
  • 2. test
  • 3. test
    • ' }, + { sequence: '**' + t('notes', 'bolding') + '**', result: 'Bolding', visualized: '' + t('notes', 'bolding') + '' }, + { sequence: '*' + t('notes', 'italic') + '*', result: 'Italicising', visualized: '' + t('notes', 'italic') + '' }, + { sequence: '~~' + t('notes', 'strikethrough') + '~~', result: 'strikethrough', visualized: '' + t('notes', 'strikethrough') + '' }, + + { sequence: '# ' + t('notes', 'Big header'), result: t('notes', 'Big header'), visualized: '

    ' + t('notes', 'Big header') + '

    ' }, + { sequence: '## ' + t('notes', 'Medium header'), result: t('notes', 'Medium header'), visualized: '

    ' + t('notes', 'Medium header') + '

    ' }, + { sequence: '### ' + t('notes', 'Small header'), result: t('notes', 'Small header'), visualized: '

    ' + t('notes', 'Small header') + '

    ' }, + { sequence: '#### ' + t('notes', 'Tiny header'), result: t('notes', 'Tiny header'), visualized: '

    ' + t('notes', 'Tiny header') + '

    ' }, + + { sequence: '* ' + t('notes', 'Generic list item'), result: t('notes', 'Generic list'), visualized: '
  • ' + t('notes', 'Generic list item') + '
    • ' }, + { sequence: '1. William Riker
    2. Deanna Troi
    3. Beverly Crusher
    ', + result: t('notes', 'Numbered list'), visualized: '
    1. William Riker
    2. Deanna Troi
    3. Beverly Crusher
    ' }, { sequence: '[Text to display](http://www.example.com)', result: "'link'", visualized: "Text to display" }, { sequence: '![Alt Title](http://www.example.com/image.jpg)', result: 'link', visualized: "Alt Title" }, From 985a8f730d9d7e3744eeac3d6b7f47f4ec123f96 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Felix=20N=C3=BCsse?= Date: Fri, 27 May 2022 15:07:45 +0200 Subject: [PATCH 11/33] fix feature-styling for lines with icons MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Felix Nüsse --- src/components/Welcome.vue | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/components/Welcome.vue b/src/components/Welcome.vue index fa1fecf2a..74f12ba43 100644 --- a/src/components/Welcome.vue +++ b/src/components/Welcome.vue @@ -72,10 +72,15 @@ export default { } .feature { - background-position: left top; + background-position: left center; + width: 100%; min-height: 32px; + line-height: 32px; padding-left: 32px; - margin-top: 1em; + margin-top: 0.3em !important; + margin-bottom: 0.3em !important; + display: inline-block; + vertical-align: middle; } .feature ul { From 914f376109003ec525352a93714e8a3156f58bc0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Felix=20N=C3=BCsse?= Date: Fri, 27 May 2022 15:39:04 +0200 Subject: [PATCH 12/33] define props only once MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Felix Nüsse --- src/components/AppHelp.vue | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/components/AppHelp.vue b/src/components/AppHelp.vue index 2865e1db7..b98dc9314 100644 --- a/src/components/AppHelp.vue +++ b/src/components/AppHelp.vue @@ -1,6 +1,6 @@