@vonaffenfels/slate-editor 1.0.75 → 1.0.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BlockEditor.css +1 -1
- package/dist/BlockEditor.js +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +1 -1
- package/package.json +2 -2
- package/scss/editor.scss +1 -1
- package/src/Nodes/Storybook.js +12 -0
- package/src/SidebarEditor/Resizable.js +2 -2
- package/src/SidebarEditor.js +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vonaffenfels/slate-editor",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.76",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"cssnano": "^5.0.1",
|
|
72
72
|
"escape-html": "^1.0.3"
|
|
73
73
|
},
|
|
74
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "9fa8d4892ccbfff7b3b317cf81635618d47cf357",
|
|
75
75
|
"publishConfig": {
|
|
76
76
|
"access": "public"
|
|
77
77
|
}
|
package/scss/editor.scss
CHANGED
package/src/Nodes/Storybook.js
CHANGED
|
@@ -3,6 +3,8 @@ import React, {
|
|
|
3
3
|
} from "react";
|
|
4
4
|
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
|
|
5
5
|
import {
|
|
6
|
+
faArrowDown,
|
|
7
|
+
faArrowUp,
|
|
6
8
|
faDesktop, faMobile, faTablet,
|
|
7
9
|
} from "@fortawesome/free-solid-svg-icons";
|
|
8
10
|
import {Storybook} from "../Storybook";
|
|
@@ -120,6 +122,16 @@ const StorybookNodeComponent = ({
|
|
|
120
122
|
"storybook-element-float-left": element?.attributes?.float === "left",
|
|
121
123
|
"storybook-element-float-right": element?.attributes?.float === "right",
|
|
122
124
|
})}>
|
|
125
|
+
<span className="options-container">
|
|
126
|
+
{!element.isInline && (<>
|
|
127
|
+
<span className="options-container-option options-container-option-move-up" title="Move up" onClick={moveUp}>
|
|
128
|
+
<FontAwesomeIcon icon={faArrowUp} size="lg"/>
|
|
129
|
+
</span>
|
|
130
|
+
<span className="options-container-option options-container-option-move-down" title="Move down" onClick={moveDown}>
|
|
131
|
+
<FontAwesomeIcon icon={faArrowDown} size="lg"/>
|
|
132
|
+
</span>
|
|
133
|
+
</>)}
|
|
134
|
+
</span>
|
|
123
135
|
<span className={classNames({"storybook-element-component": true})}>
|
|
124
136
|
<span className="storybook-element-component-overlay" title="Klicken, um das Element zu konfigurieren" onClick={onEditClick}>
|
|
125
137
|
<div className="absolute right-0 top-0 m-2">
|
|
@@ -59,13 +59,13 @@ export const Resizable = ({
|
|
|
59
59
|
}
|
|
60
60
|
};
|
|
61
61
|
|
|
62
|
-
|
|
62
|
+
handleRef.current.addEventListener("mousedown", onMouseDown);
|
|
63
63
|
document.addEventListener("mousemove", onMouseMove);
|
|
64
64
|
document.addEventListener("mouseup", onMouseUp);
|
|
65
65
|
|
|
66
66
|
return () => {
|
|
67
67
|
if (rightRef.current) {
|
|
68
|
-
|
|
68
|
+
handleRef.current.removeEventListener("mousedown", onMouseDown);
|
|
69
69
|
}
|
|
70
70
|
document.removeEventListener("mousemove", onMouseMove);
|
|
71
71
|
document.removeEventListener("mouseup", onMouseUp);
|
package/src/SidebarEditor.js
CHANGED
|
@@ -319,7 +319,7 @@ const SidebarEditor = ({
|
|
|
319
319
|
<CollapsableMenuItem onClick={() => onInsert("above")}>Davor hinzufügen</CollapsableMenuItem>
|
|
320
320
|
<CollapsableMenuItem onClick={() => onInsert("below")}>Danach hinzufügen</CollapsableMenuItem>
|
|
321
321
|
<div className="px-4 pb-2 pt-1">
|
|
322
|
-
<b className="mb-1 block text-sm">
|
|
322
|
+
<b className="mb-1 block text-sm">Sichtbar auf:</b>
|
|
323
323
|
<Switch value={!storybookElement.attributes.hideOnDesktop} label="Desktop" className="mb-2" onClick={() => handleFieldValueChange("hideOnDesktop", !storybookElement.attributes.hideOnDesktop)} />
|
|
324
324
|
<Switch value={!storybookElement.attributes.hideOnTablet} label="Tablet" className="mb-2" onClick={() => handleFieldValueChange("hideOnTablet", !storybookElement.attributes.hideOnTablet)} />
|
|
325
325
|
<Switch value={!storybookElement.attributes.hideOnSmartphone} label="Smartphone" className="mb-2" onClick={() => handleFieldValueChange("hideOnSmartphone", !storybookElement.attributes.hideOnSmartphone)} />
|