From e8260e8c33fe17f374d4e0d4fd295742efc20c35 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Felix=20N=C3=BCsse?= <felix.nuesse@t-online.de>
Date: Thu, 12 May 2022 14:48:58 +0200
Subject: [PATCH] use normal buttons as long as no action group is available
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Felix Nüsse <felix.nuesse@t-online.de>
---
 src/components/EditorEasyMDE.vue | 115 ++++++++++---------------------
 1 file changed, 35 insertions(+), 80 deletions(-)

diff --git a/src/components/EditorEasyMDE.vue b/src/components/EditorEasyMDE.vue
index 839fb709c..ec29c7176 100644
--- a/src/components/EditorEasyMDE.vue
+++ b/src/components/EditorEasyMDE.vue
@@ -1,86 +1,41 @@
 <template>
 	<div>
 		<div class="toolbar">
-			<Actions
-				container=".toolbar"
-				menu-align="right"
-			>
-				<ActionButton
-					icon="icon-undo"
-					@click="undo"
-				>
-					{{ t('notes', 'Undo') }}
-				</ActionButton>
-				<ActionButton
-					icon="icon-redo"
-					@click="redo"
-				>
-					{{ t('notes', 'Redo') }}
-				</ActionButton>
-				<ActionButton
-					icon="icon-bold"
-					@click="makeBold"
-				>
-					{{ t('notes', 'Bold') }}
-				</ActionButton>
-				<ActionButton
-					icon="icon-italic"
-					@click="makeItalic"
-				>
-					{{ t('notes', 'Italic') }}
-				</ActionButton>
-				<ActionButton
-					icon="icon-strike"
-					@click="makeStrikethrough"
-				>
-					{{ t('notes', 'Strikethrough') }}
-				</ActionButton>
-				<ActionButton
-					icon="icon-h1"
-					@click="makeMonospace"
-				>
-					{{ t('notes', 'Title') }}
-				</ActionButton>
-				<ActionButton
-					icon="icon-link"
-					@click="insertLink"
-				>
-					{{ t('notes', 'Link') }}
-				</ActionButton>
-				<ActionButton
-					icon="icon-checklist"
-					@click="insertCheckbox"
-				>
-					{{ t('notes', 'Checkbox') }}
-				</ActionButton>
-				<ActionButton
-					icon="icon-code"
-					@click="makeMonospace"
-				>
-					{{ t('notes', 'Code') }}
-				</ActionButton>
-				<EmojiPicker @select="select">
-					<ActionButton
-						icon="icon-emoji"
-					>
-						{{ t('notes', 'Emoji') }}
-					</ActionButton>
-				</EmojiPicker>
-				<ActionButton
-					icon="icon-upload"
-					:close-after-click="true"
-					@click="onClickUpload"
-				>
-					{{ t('notes', 'Upload image') }}
-				</ActionButton>
-				<ActionButton
-					icon="icon-picture"
-					:close-after-click="true"
-					@click="onClickSelect"
-				>
-					{{ t('notes', 'Insert image') }}
-				</ActionButton>
-			</Actions>
+			<button class="button" @click="undo">
+				<span class="icon-undo"></span>
+			</button>
+			<button class="button" @click="redo">
+				<span class="icon-redo"></span>
+			</button>
+			<button class="button" @click="makeBold">
+				<span class="icon-bold"></span>
+			</button>
+			<button class="button" @click="makeStrikethrough">
+				<span class="icon-strike"></span>
+			</button>
+			<button class="button" @click="makeMonospace">
+				<span class="icon-h1"></span>
+			</button>
+			<button class="button" @click="insertLink">
+				<span class="icon-link"></span>
+			</button>
+			<button class="button" @click="insertCheckbox">
+				<span class="icon-checklist"></span>
+			</button>
+			<button class="button" @click="makeMonospace">
+				<span class="icon-code"></span>
+			</button>
+			<EmojiPicker @select="select">
+				<button class="button">
+					<span class="icon-emoji"></span>
+				</button>
+			</EmojiPicker>
+			<button class="button" @click="onClickUpload">
+				<span class="icon-upload"></span>
+			</button>
+			<button class="button" @click="onClickSelect">
+				<span class="icon-picture"></span>
+			</button>
 		</div>
 		<div class="markdown-editor" @click="onClickEditor">
 			<textarea />