@seafile/seafile-editor 3.0.20 → 3.0.22

package/dist/editors/slate-viewer/style.css

@@ -85,5 +85,5 @@
 }
 
 .sf-slate-viewer-container .sf-editor-outline-wrapper {
-  top: 130px;
+  top: 72px;
 }

package/dist/extension/constants/element-types.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UNORDERED_LIST = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.PARAGRAPH = exports.ORDERED_LIST = exports.LIST_ITEM = exports.LINK_REFERENCE = exports.LINK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.FORMULA = exports.DEFINITION = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.BLOCKQUOTE = void 0;
+exports.UNORDERED_LIST = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.PARAGRAPH = exports.ORDERED_LIST = exports.LIST_ITEM = exports.LINK_REFERENCE = exports.LINK = exports.IMAGE = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.FORMULA = exports.DIVIDER = exports.DEFINITION = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.BLOCKQUOTE = void 0;
 const BLOCKQUOTE = exports.BLOCKQUOTE = 'blockquote';
 const HEADER = exports.HEADER = 'header';
 // each header type should be start with HEADER, all of justices should based on HEADER
@@ -28,4 +28,5 @@ const LINK = exports.LINK = 'link';
 const FORMULA = exports.FORMULA = 'formula';
 const COLUMN = exports.COLUMN = 'column';
 const LINK_REFERENCE = exports.LINK_REFERENCE = 'link-reference';
-const DEFINITION = exports.DEFINITION = 'definition';
+const DEFINITION = exports.DEFINITION = 'definition';
+const DIVIDER = exports.DIVIDER = 'divider';

package/dist/extension/constants/menus-config.js

@@ -137,5 +137,10 @@ const MENUS_CONFIG_MAP = exports.MENUS_CONFIG_MAP = {
     id: "seafile_".concat(EXPAND_EDITOR),
     iconClass: 'mdfont md-fullscreen',
     text: 'Expand_editor'
+  },
+  [_elementTypes.DIVIDER]: {
+    id: "seafile_".concat(_elementTypes.DIVIDER),
+    iconClass: 'mdfont md-divider',
+    text: 'Divider'
   }
 };

package/dist/extension/plugins/code-block/menu/index.js

@@ -20,6 +20,7 @@ const CodeBlockMenu = _ref => {
   } = _ref;
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const isActive = (0, _react.useMemo)(() => (0, _helpers.isInCodeBlock)(editor), [editor.selection]);
+  const disabled = (0, _helpers.isMenuDisabled)(editor, readonly);
   const onMousedown = (0, _react.useCallback)(e => {
     e.preventDefault();
     isActive ? (0, _helpers.unwrapCodeBlock)(editor) : (0, _helpers.transformToCodeBlock)(editor);
@@ -27,7 +28,7 @@ const CodeBlockMenu = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isActive]);
   return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
-    disabled: readonly,
+    disabled: disabled,
     menuConfig: menuConfig,
     className: "pr-2",
     onClick: onMousedown

package/dist/extension/plugins/divider/helper.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transformToDivider = exports.insertDivider = void 0;
+var _slate = require("slate");
+var _core = require("../../core");
+var _elementTypes = require("../../constants/element-types");
+const transformToDivider = editor => {
+  if (!editor.selection) return;
+  _slate.Transforms.setNodes(editor, {
+    type: _elementTypes.DIVIDER
+  });
+  (0, _core.focusEditor)(editor);
+};
+exports.transformToDivider = transformToDivider;
+const insertDivider = editor => {
+  if (!editor.selection) return;
+  const dividerNode = (0, _core.generateElement)(_elementTypes.DIVIDER);
+  _slate.Transforms.insertNodes(editor, dividerNode);
+  (0, _core.focusEditor)(editor);
+};
+exports.insertDivider = insertDivider;

package/dist/extension/plugins/divider/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _elementTypes = require("../../constants/element-types");
+var _plugin = _interopRequireDefault(require("./plugin"));
+var _renderElem = _interopRequireDefault(require("./render-elem"));
+const DividerPlugin = {
+  type: _elementTypes.DIVIDER,
+  nodeType: 'element',
+  editorPlugin: _plugin.default,
+  renderElements: [_renderElem.default]
+};
+var _default = exports.default = DividerPlugin;

package/dist/extension/plugins/divider/menu/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _elementTypes = require("../../../constants/element-types");
+var _helper = require("../helper");
+var _constants = require("../../../constants");
+var _dropdownMenuItem = _interopRequireDefault(require("../../../commons/dropdown-menu-item"));
+const menuConfig = _constants.MENUS_CONFIG_MAP[_elementTypes.DIVIDER];
+const DividerMenu = _ref => {
+  let {
+    readonly,
+    editor,
+    toggle
+  } = _ref;
+  const onMousedown = (0, _react.useCallback)(e => {
+    e.preventDefault();
+    (0, _helper.insertDivider)(editor);
+    toggle && toggle();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default, {
+    disabled: readonly,
+    menuConfig: menuConfig,
+    className: "pr-2",
+    onClick: onMousedown
+  });
+};
+var _default = exports.default = DividerMenu;

package/dist/extension/plugins/divider/plugin.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slate = require("slate");
+var _constants = require("../../constants");
+var _core = require("../../core");
+var _elementTypes = require("../../constants/element-types");
+const HR_PATTERNS = ['---', '***', '___'];
+const withDivider = editor => {
+  const {
+    isVoid,
+    insertText,
+    normalizeNode
+  } = editor;
+  const newEditor = editor;
+  newEditor.isVoid = element => {
+    const {
+      type
+    } = element;
+    if (type === _constants.ELementTypes.DIVIDER) return true;
+    return isVoid(element);
+  };
+  newEditor.insertText = text => {
+    const {
+      selection
+    } = newEditor;
+    if (!selection || !_slate.Range.isCollapsed(selection)) {
+      insertText(text);
+      return;
+    }
+    const [blockEntry] = _slate.Editor.nodes(newEditor, {
+      at: selection,
+      match: n => _slate.Element.isElement(n) && n.type === _constants.ELementTypes.PARAGRAPH
+    });
+    if (!blockEntry) {
+      insertText(text);
+      return;
+    }
+    const [blockNode, blockPath] = blockEntry;
+    const blockText = _slate.Node.string(blockNode);
+    const nextText = blockText + text;
+    if (HR_PATTERNS.includes(nextText)) {
+      _slate.Editor.withoutNormalizing(newEditor, () => {
+        _slate.Transforms.removeNodes(newEditor, {
+          at: blockPath
+        });
+        _slate.Transforms.insertNodes(newEditor, (0, _core.generateEmptyElement)(_constants.ELementTypes.DIVIDER), {
+          at: blockPath
+        });
+        const nextPath = _slate.Path.next(blockPath);
+        _slate.Transforms.insertNodes(newEditor, (0, _core.generateEmptyElement)(_constants.ELementTypes.PARAGRAPH), {
+          at: nextPath
+        });
+        _slate.Transforms.select(newEditor, _slate.Editor.start(newEditor, nextPath));
+      });
+      return;
+    }
+    return insertText(text);
+  };
+  newEditor.normalizeNode = _ref => {
+    let [node, path] = _ref;
+    if (node.type === _elementTypes.DIVIDER) {
+      const isLast = (0, _core.isLastNode)(newEditor, node);
+      if (isLast) {
+        const paragraph = (0, _core.generateEmptyElement)(_elementTypes.PARAGRAPH);
+        _slate.Transforms.insertNodes(newEditor, paragraph, {
+          at: [path[0] + 1]
+        });
+        return;
+      }
+      const isFirst = (0, _core.isFirstNode)(newEditor, node);
+      if (isFirst) {
+        const paragraph = (0, _core.generateEmptyElement)(_elementTypes.PARAGRAPH);
+        _slate.Transforms.insertNodes(newEditor, paragraph, {
+          at: [path[0]]
+        });
+        return;
+      }
+    }
+    return normalizeNode([node, path]);
+  };
+  return newEditor;
+};
+var _default = exports.default = withDivider;

package/dist/extension/plugins/divider/render-elem/index.css

@@ -0,0 +1,19 @@
+.sf-divider-container {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  height: 13px;
+  width: 100%;
+}
+
+.sf-divider-container.is-selected {
+  border-radius: 4px;
+  background-color: Highlight;
+}
+
+.sf-divider {
+  border-top: 1px solid #cccccc;
+  width: 100%;
+  height: 0;
+  margin: 5px 0;
+}

package/dist/extension/plugins/divider/render-elem/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _slateReact = require("slate-react");
+require("./index.css");
+/* eslint-disable react-hooks/rules-of-hooks */
+
+const renderDivider = _ref => {
+  let {
+    attributes,
+    children,
+    element
+  } = _ref;
+  const isSelected = (0, _slateReact.useSelected)();
+  return /*#__PURE__*/_react.default.createElement("div", Object.assign({
+    "data-id": element.id,
+    className: "sf-divider-container ".concat(isSelected ? 'is-selected' : '')
+  }, attributes), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sf-divider",
+    contentEditable: false
+  }), children);
+};
+var _default = exports.default = renderDivider;

package/dist/extension/plugins/index.js

@@ -34,6 +34,12 @@ Object.defineProperty(exports, "DefinitionPlugin", {
     return _definition.default;
   }
 });
+Object.defineProperty(exports, "DividerPlugin", {
+  enumerable: true,
+  get: function () {
+    return _divider.default;
+  }
+});
 Object.defineProperty(exports, "FormulaPlugin", {
   enumerable: true,
   get: function () {
@@ -124,7 +130,8 @@ var _markdown = _interopRequireDefault(require("./markdown"));
 var _html = _interopRequireDefault(require("./html"));
 var _linkReference = _interopRequireDefault(require("./link-reference"));
 var _definition = _interopRequireDefault(require("./definition"));
+var _divider = _interopRequireDefault(require("./divider"));
 const Plugins = [_paragraph.default, _textStyle.default, _header.default, _image.default, _checkList.default, _list.default, _codeBlock.default, _table.default, _blockquote.default, _link.default, _formula.default, _markdown.default, _html.default, _column.default,
 // put at the end
-_nodeId.default, _linkReference.default, _definition.default];
+_nodeId.default, _linkReference.default, _definition.default, _divider.default];
 var _default = exports.default = Plugins;

package/dist/extension/render/render-element.js

@@ -112,6 +112,11 @@ const SlateElement = _ref => {
         const [renderColumn] = _plugins.ColumnPlugin.renderElements;
         return renderColumn(props);
       }
+    case ElementType.DIVIDER:
+      {
+        const [renderDivider] = _plugins.DividerPlugin.renderElements;
+        return renderDivider(props, editor);
+      }
     default:
       {
         const [renderParagraph] = _plugins.ParagraphPlugin.renderElements;

package/dist/extension/toolbar/header-toolbar/insert-toolbar/index.js

@@ -17,6 +17,7 @@ var _menu3 = _interopRequireDefault(require("../../../plugins/code-block/menu"))
 var _menu4 = _interopRequireDefault(require("../../../plugins/formula/menu"));
 var _menu5 = _interopRequireDefault(require("../../../plugins/column/menu"));
 var _constants = require("../../../../constants");
+var _menu6 = _interopRequireDefault(require("../../../plugins/divider/menu"));
 require("./style.css");
 const InsertToolbar = _ref => {
   let {
@@ -97,6 +98,6 @@ const InsertToolbar = _ref => {
     style: {
       maxHeight: window.innerHeight - bottom - 100
     }
-  }, /*#__PURE__*/_react.default.createElement(_menu.default, props), /*#__PURE__*/_react.default.createElement(_menu2.default, props), /*#__PURE__*/_react.default.createElement(_menu3.default, props), isSupportFormula && /*#__PURE__*/_react.default.createElement(_menu4.default, props), isSupportColumn && /*#__PURE__*/_react.default.createElement(_menu5.default, props))));
+  }, /*#__PURE__*/_react.default.createElement(_menu.default, props), /*#__PURE__*/_react.default.createElement(_menu2.default, props), /*#__PURE__*/_react.default.createElement(_menu3.default, props), /*#__PURE__*/_react.default.createElement(_menu6.default, props), isSupportFormula && /*#__PURE__*/_react.default.createElement(_menu4.default, props), isSupportColumn && /*#__PURE__*/_react.default.createElement(_menu5.default, props))));
 };
 var _default = exports.default = InsertToolbar;

package/dist/slate-convert/html-to-slate/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UNORDERED_LIST = exports.TOP_LEVEL_TYPES = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.PARAGRAPH = exports.ORDERED_LIST = exports.LIST_ITEM = exports.LINK = exports.INLINE_LEVEL_TYPES = exports.IMAGE = exports.HEADER_TYPE_MAP = exports.HEADER_LIST = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.FORMULA = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.BLOCKQUOTE = void 0;
+exports.UNORDERED_LIST = exports.TOP_LEVEL_TYPES = exports.TABLE_ROW = exports.TABLE_CELL = exports.TABLE = exports.PARAGRAPH = exports.ORDERED_LIST = exports.LIST_ITEM = exports.LINK = exports.INLINE_LEVEL_TYPES = exports.IMAGE = exports.HEADER_TYPE_MAP = exports.HEADER_LIST = exports.HEADER6 = exports.HEADER5 = exports.HEADER4 = exports.HEADER3 = exports.HEADER2 = exports.HEADER1 = exports.HEADER = exports.FORMULA = exports.DIVIDER = exports.COLUMN = exports.CODE_LINE = exports.CODE_BLOCK = exports.CHECK_LIST_ITEM = exports.BLOCKQUOTE = void 0;
 const BLOCKQUOTE = exports.BLOCKQUOTE = 'blockquote';
 const HEADER = exports.HEADER = 'header';
 // each header type should be start with HEADER, all of justices should based on HEADER
@@ -27,7 +27,8 @@ const IMAGE = exports.IMAGE = 'image';
 const LINK = exports.LINK = 'link';
 const FORMULA = exports.FORMULA = 'formula';
 const COLUMN = exports.COLUMN = 'column';
-const TOP_LEVEL_TYPES = exports.TOP_LEVEL_TYPES = [BLOCKQUOTE, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, ORDERED_LIST, UNORDERED_LIST, CHECK_LIST_ITEM, PARAGRAPH, CODE_BLOCK, TABLE];
+const DIVIDER = exports.DIVIDER = 'divider';
+const TOP_LEVEL_TYPES = exports.TOP_LEVEL_TYPES = [BLOCKQUOTE, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, ORDERED_LIST, UNORDERED_LIST, CHECK_LIST_ITEM, PARAGRAPH, CODE_BLOCK, TABLE, DIVIDER];
 const INLINE_LEVEL_TYPES = exports.INLINE_LEVEL_TYPES = [IMAGE, LINK];
 const HEADER_LIST = exports.HEADER_LIST = ['H1', 'H2', 'H3', 'H4', 'H5', 'H6'];
 const HEADER_TYPE_MAP = exports.HEADER_TYPE_MAP = {

package/dist/slate-convert/html-to-slate/rules/hr.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slugid = _interopRequireDefault(require("slugid"));
+var _constants = require("../constants");
+const hrRule = element => {
+  if (element.nodeName === 'HR') {
+    return {
+      id: _slugid.default.nice(),
+      type: _constants.DIVIDER,
+      children: [{
+        id: _slugid.default.nice(),
+        text: ''
+      }]
+    };
+  }
+  return;
+};
+var _default = exports.default = hrRule;

package/dist/slate-convert/html-to-slate/rules/index.js

@@ -8,11 +8,12 @@ exports.default = void 0;
 var _blockquote = _interopRequireDefault(require("./blockquote"));
 var _codeBlock = _interopRequireDefault(require("./code-block"));
 var _header = _interopRequireDefault(require("./header"));
+var _hr = _interopRequireDefault(require("./hr"));
 var _image = _interopRequireDefault(require("./image"));
 var _link = _interopRequireDefault(require("./link"));
 var _list = _interopRequireDefault(require("./list"));
 var _paragraph = _interopRequireDefault(require("./paragraph"));
 var _table = _interopRequireDefault(require("./table"));
 var _text = _interopRequireDefault(require("./text"));
-const rules = [_blockquote.default, _codeBlock.default, _header.default, _image.default, _link.default, _list.default, _table.default, _paragraph.default, _text.default];
+const rules = [_blockquote.default, _codeBlock.default, _header.default, _image.default, _link.default, _list.default, _table.default, _hr.default, _paragraph.default, _text.default];
 var _default = exports.default = rules;

package/dist/slate-convert/md-to-slate/transform.js

@@ -382,7 +382,7 @@ exports.transformDefinition = transformDefinition;
 const transformHr = node => {
   return {
     id: _slugid.default.nice(),
-    type: 'hr',
+    type: _elementTypes.DIVIDER,
     children: [(0, _core.generateDefaultText)()]
   };
 };

package/dist/slate-convert/slate-to-md/transform.js

@@ -339,6 +339,9 @@ const transformAsParagraph = node => {
   };
   return transformParagraph(paragraph);
 };
+const transformDivider = () => ({
+  type: 'thematicBreak'
+});
 const elementHandlers = {
   'paragraph': transformParagraph,
   'header1': transformHeader,
@@ -353,7 +356,8 @@ const elementHandlers = {
   'ordered_list': transformList,
   'unordered_list': transformList,
   'code_block': transformCodeBlock,
-  'formula': transformFormula
+  'formula': transformFormula,
+  'divider': transformDivider
 };
 const formatSlateToMd = children => {
   // const validChildren = children.filter(child => elementHandlers[child.type]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-editor",
-  "version": "3.0.20",
+  "version": "3.0.22",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/public/media/seafile-editor-font/iconfont.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: "mdfont"; /* Project id 5080543 */
-  src: url('iconfont.eot?t=1768372232343'); /* IE9 */
-  src: url('iconfont.eot?t=1768372232343#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('iconfont.woff2?t=1768372232343') format('woff2'),
-       url('iconfont.woff?t=1768372232343') format('woff'),
-       url('iconfont.ttf?t=1768372232343') format('truetype'),
-       url('iconfont.svg?t=1768372232343#mdfont') format('svg');
+  src: url('iconfont.eot?t=1773737826719'); /* IE9 */
+  src: url('iconfont.eot?t=1773737826719#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('iconfont.woff2?t=1773737826719') format('woff2'),
+       url('iconfont.woff?t=1773737826719') format('woff'),
+       url('iconfont.ttf?t=1773737826719') format('truetype'),
+       url('iconfont.svg?t=1773737826719#mdfont') format('svg');
 }
 
 .mdfont {
@@ -16,6 +16,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.md-divider:before {
+  content: "\e605";
+}
+
 .md-arrow-down:before {
   content: "\e6ce";
 }

package/public/media/seafile-editor-font/iconfont.svg

@@ -14,6 +14,8 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="divider" unicode="&#58885;" d="M960 432v-96H64v96h896z"  horiz-adv-x="1024" />
+      
       <glyph glyph-name="arrow-down" unicode="&#59086;" d="M513.92 128l385.952 385.92L832 581.824l-318.08-318.08-318.048 318.08L128 513.92 513.92 128z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="arrow-up" unicode="&#59083;" d="M513.92 640l385.952-385.92-67.84-67.904-318.08 318.08-318.08-318.08-67.84 67.904L513.92 640z"  horiz-adv-x="1024" />

package/public/media/seafile-editor-font.css

@@ -1,14 +1,14 @@
 @font-face {
   font-family: "mdfont";
   /* Project id 5080543 */
-  src: url('./seafile-editor-font/iconfont.eot?t=1768372232343');
+  src: url('./seafile-editor-font/iconfont.eot?t=1773737826719');
   /* IE9 */
-  src: url('./seafile-editor-font/iconfont.eot?t=1768372232343#iefix') format('embedded-opentype'),
+  src: url('./seafile-editor-font/iconfont.eot?t=1773737826719#iefix') format('embedded-opentype'),
     /* IE6-IE8 */
-    url('./seafile-editor-font/iconfont.woff2?t=1768372232343') format('woff2'),
-    url('./seafile-editor-font/iconfont.woff?t=1768372232343') format('woff'),
-    url('./seafile-editor-font/iconfont.ttf?t=1768372232343') format('truetype'),
-    url('./seafile-editor-font/iconfont.svg?t=1768372232343#mdfont') format('svg');
+    url('./seafile-editor-font/iconfont.woff2?t=1773737826719') format('woff2'),
+    url('./seafile-editor-font/iconfont.woff?t=1773737826719') format('woff'),
+    url('./seafile-editor-font/iconfont.ttf?t=1773737826719') format('truetype'),
+    url('./seafile-editor-font/iconfont.svg?t=1773737826719#mdfont') format('svg');
 }
 
 .mdfont {
@@ -19,6 +19,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.md-divider:before {
+  content: "\e605";
+}
+
 .md-arrow-down:before {
   content: "\e6ce";
 }