feat: add break hint

groupher · Sep 18, 2021 · 3fe6676 · 3fe6676
1 parent b1ba0fa
commit 3fe6676
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 12 deletions.
diff --git a/dist/bundle.js b/dist/bundle.js
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@groupher/editor-quote",
-  "version": "2.3.8",
+  "version": "2.3.9",
   "keywords": [
     "codex editor",
     "tool",
@@ -31,6 +31,6 @@
     "webpack-cli": "^3.2.3"
   },
   "dependencies": {
-    "@groupher/editor-utils": "^0.2.52"
+    "@groupher/editor-utils": "^0.2.54"
   }
 }
diff --git a/src/index.css b/src/index.css
@@ -15,13 +15,16 @@
 
 .cdx-quote-short {
   margin-left: 1px;
+  padding-left: 8px;
   min-height: 0;
   border: none;
   border-radius: 0;
   border-left: 4px solid;
   border-left-color: #388ae5;
   color: grey;
   box-shadow: none;
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 
 .cdx-quote-long {

diff --git a/src/index.js b/src/index.js
@@ -2,6 +2,7 @@ import {
   make,
   highlightSettingIcon,
   enableCtrlEnterBreak,
+  addBreakHint,
 } from "@groupher/editor-utils";
 
 /**
@@ -151,6 +152,7 @@ export default class Quote {
     this.element = this.drawShortQuote();
 
     enableCtrlEnterBreak(this.element, this.api);
+    addBreakHint(this.element, { right: "12px", bottom: "-15px" });
 
     return this.element;
   }