@fonixtree/magic-design 2.0.161 → 2.0.162

package/lib/core/Designer/QuickMenuBar/index.js

@@ -1,301 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _antd = require("antd4");
-
-var _mobx = require("../../../mobx");
-
-var _Button = _interopRequireDefault(require("../../../common/Button"));
-
-var _Iconfont = _interopRequireDefault(require("../../../common/Iconfont"));
-
-var _constants = require("../../../constants");
-
-var _coreUtil = require("../../../utils/coreUtil");
-
-var _locale = require("../../../locale");
-
-require("./index.less");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var __extends = void 0 && (void 0).__extends || function () {
-  var _extendStatics = function extendStatics(d, b) {
-    _extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function (d, b) {
-      d.__proto__ = b;
-    } || function (d, b) {
-      for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
-      }
-    };
-
-    return _extendStatics(d, b);
-  };
-
-  return function (d, b) {
-    _extendStatics(d, b);
-
-    function __() {
-      this.constructor = d;
-    }
-
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  };
-}();
-
-var langBook = {
-  Indonesian: {
-    text: 'Indonesian',
-    color: '#FF8541',
-    backColor: '#FFF8F0'
-  },
-  English: {
-    text: 'English',
-    color: '#00AC5A',
-    backColor: '#DFF3EA'
-  },
-  Spanish: {
-    text: 'Spanish',
-    color: '#e74c3c',
-    backColor: '#fdedeb'
-  },
-  Mongolia: {
-    text: 'Mongolia',
-    color: '#3398da',
-    backColor: '#ebf5fb'
-  }
-};
-var needScreenShot = [_constants.quickMenuCode.SAVE, _constants.quickMenuCode.PUBLISH, _constants.quickMenuCode.PUBLISH_LATER, _constants.quickMenuCode.TO_REVIEW, _constants.quickMenuCode.SET_AS_TEMPLATE];
-
-var QuickMenuBar =
-/** @class */
-function (_super) {
-  __extends(QuickMenuBar, _super);
-
-  function QuickMenuBar() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.onBtnClick = function (event) {
-      var code = event.currentTarget.dataset.code; // 需要截图的操作，先清空元组件选中状态
-
-      if (needScreenShot.includes(code)) {
-        _mobx.store.setState({
-          clickedFloor: '',
-          clickedGroup: '',
-          clickedMeta: '',
-          hoveredFloor: '',
-          hoveredMeta: ''
-        });
-      }
-
-      setTimeout(function () {
-        _this.props.onBtnClick(code);
-      }, 100);
-    };
-
-    _this.onPublishLater = function (e) {
-      _this.onBtnClick(e);
-
-      e.stopPropagation();
-    }; // 未开启自动审核，Draft 和 Rejected 状态下展示审核记录按钮
-
-
-    _this.isShowReviewRecord = function () {
-      return !(0, _coreUtil.isAutoAudit)() && [_constants.pageStateMap.REJECTED, _constants.pageStateMap.DRAFT].includes(_this.props.pageState);
-    };
-
-    _this.isShowPublish = function () {
-      return window.magicDesign.templateType === _constants.tempTypeMap.TEMPLATE || (0, _coreUtil.isAutoAudit)() && _this.props.pageState === _constants.pageStateMap.DRAFT || !(0, _coreUtil.isAutoAudit)() && _this.props.pageState === _constants.pageStateMap.ACTIVE;
-    }; // 审核失败和未审核状态展示 To Review 按钮
-
-
-    _this.isShowToReview = function () {
-      return !(0, _coreUtil.isAutoAudit)() && [_constants.pageStateMap.REJECTED, _constants.pageStateMap.DRAFT].includes(_this.props.pageState);
-    }; // 提交审核状态展示 Cancel 按钮
-
-
-    _this.isShowCancelReview = function () {
-      return _this.props.pageState === _constants.pageStateMap.PENDING;
-    }; // 草稿状态展示设置模版按钮
-
-
-    _this.isShowSetTemplate = function () {
-      return _constants.pageStateMap.DRAFT === _this.props.pageState;
-    }; // 拒绝审核 和 草稿状态展示保存按钮
-
-
-    _this.isShowSave = function () {
-      return window.magicDesign.templateType === _constants.tempTypeMap.TEMPLATE || [_constants.pageStateMap.REJECTED, _constants.pageStateMap.DRAFT].includes(_this.props.pageState) || localStorage.getItem('DEV_MODE') === 'Y';
-    };
-
-    return _this;
-  }
-
-  QuickMenuBar.prototype.render = function () {
-    var _a = this.props,
-        device = _a.device,
-        undoDisable = _a.undoDisable,
-        redoDisable = _a.redoDisable,
-        language = _a.language,
-        outputType = _a.outputType,
-        onHtmlSave = _a.onHtmlSave,
-        onHtmlBack = _a.onHtmlBack,
-        pageType = _a.pageType;
-    var languageTemp = langBook[language] || {};
-    var hidePcDevice = window.systemParams && window.systemParams.terminalType.indexOf(_constants.deviceTypeMap.PC) === -1;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "quick_menu_wrap"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "menu_left"
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: "language",
-      style: {
-        color: languageTemp.color,
-        background: languageTemp.backColor
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      size: "20px",
-      style: {
-        marginRight: '8px'
-      },
-      type: "icon-language"
-    }), languageTemp.text)), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "menu_center"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "device_group"
-    }, pageType !== 'Menu' && !hidePcDevice && /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('device_pc', {
-        active: device === _constants.deviceTypeMap.PC
-      }),
-      "data-code": _constants.quickMenuCode.MODE_PC,
-      onClick: this.onBtnClick
-    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      color: device === _constants.deviceTypeMap.PC ? '#2F54EB' : '',
-      size: "20px",
-      type: "icon-pc"
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('device_phone', {
-        active: device === _constants.deviceTypeMap.PHONE,
-        only_mobile: pageType === 'Menu' || hidePcDevice
-      }),
-      "data-code": _constants.quickMenuCode.MODE_PHONE,
-      onClick: this.onBtnClick
-    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      color: device === _constants.deviceTypeMap.PHONE ? '#2F54EB' : '',
-      size: "20px",
-      type: "icon-mobile"
-    }))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "redo_undo"
-    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      "data-code": _constants.quickMenuCode.UNDO,
-      disabled: undoDisable,
-      icon: "icon-back",
-      onClick: this.onBtnClick,
-      type: "icon"
-    }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      "data-code": _constants.quickMenuCode.REDO,
-      disabled: redoDisable,
-      icon: "icon-next",
-      onClick: this.onBtnClick,
-      type: "icon"
-    }))), outputType == 'html' ? /*#__PURE__*/_react["default"].createElement("div", {
-      className: "menu_right"
-    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      onClick: onHtmlBack
-    }, (0, _locale.i18n)('BACK')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      onClick: onHtmlSave,
-      type: "light"
-    }, (0, _locale.i18n)('SAVE'))) : /*#__PURE__*/_react["default"].createElement("div", {
-      className: "menu_right"
-    }, this.isShowReviewRecord() && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      "data-code": _constants.quickMenuCode.REVIEW_RECORD,
-      icon: "icon-clock",
-      onClick: this.onBtnClick,
-      title: "Review Record",
-      type: "icon"
-    }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      "data-code": _constants.quickMenuCode.PREVIEW,
-      icon: "icon-eye1",
-      onClick: this.onBtnClick,
-      title: "Preview",
-      type: "icon"
-    }), this.isShowSave() && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      "data-code": _constants.quickMenuCode.SAVE,
-      disabled: window.magicDesign.readOnly,
-      icon: "icon-save",
-      onClick: this.onBtnClick,
-      tip: "The page is in use. Please copy or create a new page",
-      title: "Save",
-      type: "icon"
-    }), this.isShowSetTemplate() && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      "data-code": _constants.quickMenuCode.SET_AS_TEMPLATE,
-      onClick: this.onBtnClick,
-      type: "light"
-    }, (0, _locale.i18n)('SET_AS_TEMPLATE')), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "publish_wrap"
-    }, this.isShowPublish() && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      "data-code": _constants.quickMenuCode.PUBLISH,
-      disabled: window.magicDesign.readOnly,
-      onClick: this.onBtnClick,
-      tip: "The page is in use. Please copy or create a new page",
-      type: "primary"
-    }, (0, _locale.i18n)('PUBLISH_NOW'), window.magicDesign.templateType === _constants.tempTypeMap.PAGE && /*#__PURE__*/_react["default"].createElement(_antd.Dropdown, {
-      getPopupContainer: function getPopupContainer() {
-        return document.querySelector('.publish_wrap');
-      },
-      overlay: /*#__PURE__*/_react["default"].createElement("div", {
-        className: "publish_later_wrap"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "publish_btn",
-        "data-code": _constants.quickMenuCode.PUBLISH_LATER,
-        onClick: this.onPublishLater
-      }, (0, _locale.i18n)('PUBLISH_LATER'))),
-      overlayClassName: "publish_later_drop",
-      trigger: "click"
-    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      },
-      size: "14px",
-      style: {
-        padding: '8px 3px 8px 6px'
-      },
-      type: "icon-outlined-down"
-    }))), this.isShowToReview() && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      "data-code": _constants.quickMenuCode.TO_REVIEW,
-      onClick: this.onBtnClick,
-      type: "primary"
-    }, (0, _locale.i18n)('TO_REVIEW')), this.isShowCancelReview() && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      "data-code": _constants.quickMenuCode.CANCEL_REVIEW,
-      onClick: this.onBtnClick,
-      type: "primary"
-    }, (0, _locale.i18n)('CANCEL')))));
-  };
-
-  return QuickMenuBar;
-}(_react.Component);
-
-var _default = QuickMenuBar;
-exports["default"] = _default;
-QuickMenuBar.defaultProps = {
-  deviceType: _constants.deviceTypeMap.PC,
-  onBtnClick: function onBtnClick(code) {
-    console.log(code);
-  }
-};

package/lib/core/Designer/QuickMenuBar/index.less

@@ -1,125 +0,0 @@
-.quick_menu_wrap {
-  flex-shrink: 0;
-  height: 80px;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding-left: 24px;
-  padding-right: 28px;
-  background-color: #FFF;
-
-  .menu_left {
-    .language {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 48px;
-      border-radius: 8px;
-      padding: 12px;
-      font-size: 16px;
-      cursor: pointer;
-    }
-  }
-
-  .menu_center {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    .device_group {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      .device_pc {
-        cursor: pointer;
-        height: 48px;
-        width: 60px;
-        padding: 14px;
-        border: 1px solid #EDF0F4;
-        border-right: none;
-        border-top-left-radius: 8px;
-        border-bottom-left-radius: 8px;
-        text-align: center;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-
-      .device_phone {
-        cursor: pointer;
-        height: 48px;
-        width: 60px;
-        padding: 14px;
-        border: 1px solid #EDF0F4;
-        border-left: none;
-        border-top-right-radius: 8px;
-        border-bottom-right-radius: 8px;
-        text-align: center;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-      .only_mobile {
-        border-top-left-radius: 8px;
-        border-bottom-left-radius: 8px;
-      }
-
-      .active {
-        background: #E9F0FF;
-      }
-    }
-
-    .redo_undo {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-left: 24px;
-
-    }
-  }
-
-  .menu_right {
-    display: flex;
-
-    .publish_wrap {
-      position: relative;
-      margin-left: 12px;
-    }
-
-    .publish_later_drop {
-      width: 100%;
-      top: 56px !important;
-      left: 0 !important;
-
-      .publish_later_wrap {
-        box-shadow: 4px 4px 25px 4px rgba(35, 47, 70, 0.1);
-        border-radius: 10px;
-        padding: 4px 0;
-        background-color: #FFF;
-        position: absolute;
-        left: 0;
-        right: 0;
-
-        .publish_btn {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          font-family: 'Open Sans';
-          font-style: normal;
-          font-weight: 600;
-          font-size: 16px;
-          height: 48px;
-          background-color: #E9F0FF;
-          color: #2F54EB;
-          cursor: pointer;
-
-          &:hover {
-            background-color: #D6E4FF;
-          }
-        }
-      }
-    }
-  }
-}

package/lib/core/Designer/RenderHtml/index.js

@@ -1,102 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Renderer = _interopRequireDefault(require("../../Renderer"));
-
-require("./index.less");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var __extends = void 0 && (void 0).__extends || function () {
-  var _extendStatics = function extendStatics(d, b) {
-    _extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function (d, b) {
-      d.__proto__ = b;
-    } || function (d, b) {
-      for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
-      }
-    };
-
-    return _extendStatics(d, b);
-  };
-
-  return function (d, b) {
-    _extendStatics(d, b);
-
-    function __() {
-      this.constructor = d;
-    }
-
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  };
-}();
-
-var RenderHtml =
-/** @class */
-function (_super) {
-  __extends(RenderHtml, _super);
-
-  function RenderHtml() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      renderProps: null
-    };
-
-    _this.renderHtml = function (renderProps) {
-      return new Promise(function (resolve) {
-        _this.setState({
-          renderProps: renderProps
-        }, function () {
-          /** 兼容分批加载 */
-          setTimeout(function () {
-            document.querySelector('#render-html-wrap > div').style = 'max-width:600px;margin:auto;';
-            /** 去除设计器模式下元素 */
-
-            document.querySelectorAll('#render-html-wrap > div .composite_mask').forEach(function (el) {
-              el.remove();
-            });
-            var html = document.querySelector('#render-html-wrap').innerHTML;
-            /** 处理背景图资源引号问题 */
-
-            html = html.replace(/url\(&quot;((\S|\s)*)&quot;\)/g, 'url($1)');
-            resolve(html);
-
-            _this.setState({
-              renderProps: null
-            });
-          }, 1000);
-        });
-      });
-    };
-
-    return _this;
-  }
-
-  RenderHtml.prototype.render = function () {
-    var renderProps = this.state.renderProps;
-    if (!renderProps) return null;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      id: "render-html-wrap"
-    }, /*#__PURE__*/_react["default"].createElement(_Renderer["default"], _extends({}, renderProps, {
-      noSetWindow: true,
-      outputType: "html"
-    })));
-  };
-
-  RenderHtml.defaultProps = {};
-  return RenderHtml;
-}(_react["default"].Component);
-
-var _default = RenderHtml;
-exports["default"] = _default;

package/lib/core/Designer/RenderHtml/index.less

@@ -1,5 +0,0 @@
-#render-html-wrap {
-  position: fixed;
-  top: -99999px;
-  left: 0;
-}

package/lib/core/Designer/ToolBarModal/ToolBtn/components/AlignPicker/AlignSelectPicker/index.js

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _AlignLeftSVG = _interopRequireDefault(require("../images/AlignLeftSVG"));
-
-var _AlignCenterSVG = _interopRequireDefault(require("../images/AlignCenterSVG"));
-
-var _AlignRightSVG = _interopRequireDefault(require("../images/AlignRightSVG"));
-
-require("./index.less");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var __extends = void 0 && (void 0).__extends || function () {
-  var _extendStatics = function extendStatics(d, b) {
-    _extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function (d, b) {
-      d.__proto__ = b;
-    } || function (d, b) {
-      for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
-      }
-    };
-
-    return _extendStatics(d, b);
-  };
-
-  return function (d, b) {
-    _extendStatics(d, b);
-
-    function __() {
-      this.constructor = d;
-    }
-
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  };
-}();
-
-var AlignSelectPicker =
-/** @class */
-function (_super) {
-  __extends(AlignSelectPicker, _super);
-
-  function AlignSelectPicker() {
-    return _super !== null && _super.apply(this, arguments) || this;
-  }
-
-  AlignSelectPicker.prototype.render = function () {
-    var _a = this.props,
-        visibility = _a.visibility,
-        value = _a.value,
-        _onChange = _a.onChange;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "align-select-picker-panel"
-    }, visibility && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "panel-bg"
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "select-modal-content"
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])('select-item', {
-        active: value == 'left'
-      })
-    }, /*#__PURE__*/_react["default"].createElement(_AlignLeftSVG["default"], {
-      onChange: function onChange() {
-        return _onChange('');
-      }
-    })), /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])('select-item', {
-        active: value == 'center'
-      })
-    }, /*#__PURE__*/_react["default"].createElement(_AlignCenterSVG["default"], {
-      onChange: function onChange() {
-        return _onChange('center');
-      }
-    })), /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])('select-item', {
-        active: value == 'right'
-      })
-    }, /*#__PURE__*/_react["default"].createElement(_AlignRightSVG["default"], {
-      onChange: function onChange() {
-        return _onChange('right');
-      }
-    })))));
-  };
-
-  return AlignSelectPicker;
-}(_react["default"].Component);
-
-var _default = AlignSelectPicker;
-exports["default"] = _default;

package/lib/core/Designer/ToolBarModal/ToolBtn/components/AlignPicker/AlignSelectPicker/index.less

@@ -1,54 +0,0 @@
-.align-select-picker-panel {
-  z-index: 999;
-  position: absolute;
-  top: 100%;
-  left: 0;
-
-  .panel-bg {
-    position: fixed;
-    z-index: 0;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-  }
-
-  .select-modal-content {
-    display: flex;
-    align-items: center;
-    padding: 5px;
-    background-color: #fff;
-    border: 1px solid #E7E9E8;
-    box-shadow: 0 8px 16px 4px hsla(0, 0%, 0%, 0.04);
-    color: #262626;
-    border-radius: 6px;
-
-    .select-item {
-      width: 26px;
-      height: 26px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      cursor: pointer;
-      border-radius: 6px;
-      padding: 0;
-      border: none;
-      transition: .2s all linear;
-      position: relative;
-      margin: 0 5px;
-
-      &:hover {
-        background: #f8f8f8;
-      }
-
-      &.active {
-        background: #E7E9E8;
-      }
-
-      svg {
-        height: 18px;
-        height: 18px;
-      }
-    }
-  }
-}