openrat-cms

commit e1b1c7ceda541d1dc0ff7e792ab8102dc649efa1
parent 6d64a684f1eaae8d7c5f9b423e6eccb3ff4d4553
Author: dankert <openrat@jandankert.de>
Date:   Fri, 11 Mar 2022 11:54:24 +0100

Fix: Show icons for SimpleMDE.

Diffstat:
M
modules/template_engine/components/html/component_editor/editor.js
 | 
34
+++++++++++++++++-----------------
M
modules/template_engine/components/html/component_editor/editor.min.js
 | 
28
++++++++++++++--------------

2 files changed, 31 insertions(+), 31 deletions(-)
diff --git a/modules/template_engine/components/html/component_editor/editor.js b/modules/template_engine/components/html/component_editor/editor.js
@@ -62,84 +62,84 @@ export default function(element ) {
 		let toolbar = [{
 			name: "bold",
 			action: SimpleMDE.toggleBold,
-			className: "image-icon image-icon--editor-bold",
+			className: "or-image-icon or-image-icon--editor-bold",
 			title: "Bold",
 		},
 			{
 				name: "italic",
 				action: SimpleMDE.toggleItalic,
-				className: "image-icon image-icon--editor-italic",
+				className: "or-image-icon or-image-icon--editor-italic",
 				title: "Italic",
 			},
 			{
 				name: "heading",
 				action: SimpleMDE.toggleHeadingBigger,
-				className: "image-icon image-icon--editor-headline",
+				className: "or-image-icon or-image-icon--editor-headline",
 				title: "Headline",
 			},
 			"|", // Separator
 			{
 				name: "quote",
 				action: SimpleMDE.toggleBlockquote,
-				className: "image-icon image-icon--editor-quote",
+				className: "or-image-icon or-image-icon--editor-quote",
 				title: "Quote",
 			},
 			{
 				name: "code",
 				action: SimpleMDE.toggleCodeBlock,
-				className: "image-icon image-icon--editor-code",
+				className: "or-image-icon or-image-icon--editor-code",
 				title: "Code",
 			},
 			"|", // Separator
 			{
 				name: "generic list",
 				action: SimpleMDE.toggleUnorderedList,
-				className: "image-icon image-icon--editor-unnumberedlist",
+				className: "or-image-icon or-image-icon--editor-unnumberedlist",
 				title: "Unnumbered list",
 			},
 			{
 				name: "numbered list",
 				action: SimpleMDE.toggleOrderedList,
-				className: "image-icon image-icon--editor-numberedlist",
+				className: "or-image-icon or-image-icon--editor-numberedlist",
 				title: "Numbered list",
 			},
 			"|", // Separator
 			{
 				name: "table",
 				action: SimpleMDE.drawTable,
-				className: "image-icon image-icon--editor-table",
+				className: "or-image-icon or-image-icon--editor-table",
 				title: "Table",
 			},
 			{
 				name: "horizontalrule",
 				action: SimpleMDE.drawHorizontalRule,
-				className: "image-icon image-icon--editor-horizontalrule",
+				className: "or-image-icon or-image-icon--editor-horizontalrule",
 				title: "Horizontal rule",
 			},
 			"|", // Separator
 			{
 				name: "undo",
 				action: SimpleMDE.undo,
-				className: "image-icon image-icon--editor-undo",
+				className: "or-image-icon or-image-icon--editor-undo",
 				title: "Undo",
 			},
 			{
 				name: "redo",
 				action: SimpleMDE.redo,
-				className: "image-icon image-icon--editor-redo",
+				className: "or-image-icon or-image-icon--editor-redo",
 				title: "Redo",
 			},
 			"|", // Separator
 			{
 				name: "link",
 				action: SimpleMDE.drawLink,
-				className: "image-icon image-icon--editor-link",
+				className: "or-image-icon or-image-icon--editor-link",
 				title: "Link",
 			},
 			{
 				name: "image",
 				action: SimpleMDE.drawImage,
-				className: "image-icon image-icon--editor-image",
+				className: "or-image-icon or-image-icon--editor-image",
 				title: "Image",
 			},
 
@@ -148,19 +148,19 @@ export default function(element ) {
             {
                 name: "preview",
                 action: SimpleMDE.togglePreview,
-                className: "image-icon image-icon--editor-preview",
+                className: "or-image-icon or-image-icon--editor-preview",
                 title: "Preview",
             },
             {
                 name: "sidebyside",
                 action: SimpleMDE.toggleSideBySide,
-                className: "image-icon image-icon--editor-sidebyside",
+                className: "or-image-icon or-image-icon--editor-sidebyside",
                 title: "Side by side",
             },
             {
                 name: "fullscreen",
                 action: SimpleMDE.toggleFullScreen,
-                className: "image-icon image-icon--editor-fullscreen",
+                className: "or-image-icon or-image-icon--editor-fullscreen",
                 title: "Fullscreen",
             },
             */
@@ -168,7 +168,7 @@ export default function(element ) {
             {
                 name: "guide",
                 action: "https:/"+"/simplemde.com/markdown-guide",
-                className: "image-icon image-icon--editor-help",
+                className: "or-image-icon or-image-icon--editor-help",
                 title: "Howto markdown",
             },
         ];
diff --git a/modules/template_engine/components/html/component_editor/editor.min.js b/modules/template_engine/components/html/component_editor/editor.min.js
@@ -41,91 +41,91 @@ let textarea = this;
 let toolbar = [{
 name: "bold",
 action: SimpleMDE.toggleBold,
-className: "image-icon image-icon--editor-bold",
+className: "or-image-icon or-image-icon--editor-bold",
 title: "Bold",
 },
 {
 name: "italic",
 action: SimpleMDE.toggleItalic,
-className: "image-icon image-icon--editor-italic",
+className: "or-image-icon or-image-icon--editor-italic",
 title: "Italic",
 },
 {
 name: "heading",
 action: SimpleMDE.toggleHeadingBigger,
-className: "image-icon image-icon--editor-headline",
+className: "or-image-icon or-image-icon--editor-headline",
 title: "Headline",
 },
 "|", 
 {
 name: "quote",
 action: SimpleMDE.toggleBlockquote,
-className: "image-icon image-icon--editor-quote",
+className: "or-image-icon or-image-icon--editor-quote",
 title: "Quote",
 },
 {
 name: "code",
 action: SimpleMDE.toggleCodeBlock,
-className: "image-icon image-icon--editor-code",
+className: "or-image-icon or-image-icon--editor-code",
 title: "Code",
 },
 "|", 
 {
 name: "generic list",
 action: SimpleMDE.toggleUnorderedList,
-className: "image-icon image-icon--editor-unnumberedlist",
+className: "or-image-icon or-image-icon--editor-unnumberedlist",
 title: "Unnumbered list",
 },
 {
 name: "numbered list",
 action: SimpleMDE.toggleOrderedList,
-className: "image-icon image-icon--editor-numberedlist",
+className: "or-image-icon or-image-icon--editor-numberedlist",
 title: "Numbered list",
 },
 "|", 
 {
 name: "table",
 action: SimpleMDE.drawTable,
-className: "image-icon image-icon--editor-table",
+className: "or-image-icon or-image-icon--editor-table",
 title: "Table",
 },
 {
 name: "horizontalrule",
 action: SimpleMDE.drawHorizontalRule,
-className: "image-icon image-icon--editor-horizontalrule",
+className: "or-image-icon or-image-icon--editor-horizontalrule",
 title: "Horizontal rule",
 },
 "|", 
 {
 name: "undo",
 action: SimpleMDE.undo,
-className: "image-icon image-icon--editor-undo",
+className: "or-image-icon or-image-icon--editor-undo",
 title: "Undo",
 },
 {
 name: "redo",
 action: SimpleMDE.redo,
-className: "image-icon image-icon--editor-redo",
+className: "or-image-icon or-image-icon--editor-redo",
 title: "Redo",
 },
 "|", 
 {
 name: "link",
 action: SimpleMDE.drawLink,
-className: "image-icon image-icon--editor-link",
+className: "or-image-icon or-image-icon--editor-link",
 title: "Link",
 },
 {
 name: "image",
 action: SimpleMDE.drawImage,
-className: "image-icon image-icon--editor-image",
+className: "or-image-icon or-image-icon--editor-image",
 title: "Image",
 },
 "|", 
 {
 name: "guide",
 action: "https:/"+"/simplemde.com/markdown-guide",
-className: "image-icon image-icon--editor-help",
+className: "or-image-icon or-image-icon--editor-help",
 title: "Howto markdown",
 },
 ];