@seafile/seafile-editor 1.0.13 → 1.0.14

package/dist/extension/commons/menu/menu.css

@@ -32,12 +32,11 @@
   color: #eb8205;
 }
 
-.menu-group .menu-group-item .iconfont,
-.sdoc-menu-with-dropdown .sdoc-menu-with-dropdown-icon .iconfont {
+.menu-group .menu-group-item .iconfont {
   font-size: 13px;
 }
 
-/* sdoc-menu-with-dropdown */
+/* sf-menu-with-dropdown */
 .menu-group .menu-group-item.sf-menu-with-dropdown {
   width: 36px;
   height: 24px;

package/dist/extension/commons/tooltip/index.css

@@ -1,21 +1,21 @@
-.sdoc-tooltip .tooltip-inner {
+.sf-tooltip .tooltip-inner {
   font-weight: lighter;
   text-align: start;
   background-color: #303133;
 }
 
-.sdoc-tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
+.sf-tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
   border-bottom-color: #303133;
 }
 
-.sdoc-tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
+.sf-tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
   border-top-color: #303133;
 }
 
-.sdoc-tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
+.sf-tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
   border-right-color: #303133;
 }
 
-.sdoc-tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
+.sf-tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
   border-left-color: #303133;
 }

package/dist/extension/commons/tooltip/index.js

@@ -9,7 +9,7 @@ const Tooltip = _ref => {
     className,
     placement
   } = _ref;
-  const popperClassName = classnames('sdoc-tooltip', className);
+  const popperClassName = classnames('sf-tooltip', className);
   return /*#__PURE__*/React.createElement(UncontrolledTooltip, {
     popperClassName: popperClassName,
     target: target,

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

@@ -52,12 +52,12 @@ const HeaderMenu = _ref => {
     return isMac ? MAC_HOTKEYS_TIP_HEADER[type] : WIN_HOTKEYS_EVENT_HEADER[type];
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames('header-menu', {
+    className: classnames('sf-header-menu', {
       'header-popover-showed': isShowHeaderPopover,
       'header-toggle-disabled': isDisabled
     })
   }, /*#__PURE__*/React.createElement("div", {
-    className: classnames('header-toggle', {
+    className: classnames('sf-header-toggle', {
       'header-toggle-disabled': isDisabled,
       'header-popover-showed': isShowHeaderPopover
     }),
@@ -65,10 +65,10 @@ const HeaderMenu = _ref => {
   }, /*#__PURE__*/React.createElement("span", {
     className: "active"
   }, t(HEADER_TITLE_MAP[currentHeaderType !== null && currentHeaderType !== void 0 ? currentHeaderType : ELementTypes.PARAGRAPH])), !isDisabled && /*#__PURE__*/React.createElement("span", {
-    className: "sf-create-icon sf-font sdoc-".concat(isShowHeaderPopover ? 'caret-up' : 'drop-down')
+    className: "iconfont icon-".concat(isShowHeaderPopover ? 'caret-up' : 'drop-down')
   })), isShowHeaderPopover && /*#__PURE__*/React.createElement("div", {
     ref: headerPopoverRef,
-    className: "header-popover "
+    className: "sf-header-popover"
   }, headerPopoverShowerList.map((item, index) => {
     const id = "".concat(item, "-").concat(index);
     const isSelected = currentHeaderType === item;

package/dist/extension/plugins/header/menu/style.css

@@ -1,4 +1,4 @@
-.header-menu {
+.sf-header-menu {
   display: flex;
   height: 100%;
   width: 140px;
@@ -7,20 +7,7 @@
   align-items: center;
 }
 
-.header-menu::after {
-  content: '';
-  position: absolute;
-  top: 12px;
-  right: 12px;
-  border-top: 6px solid #222428;
-  border-bottom: 6px solid transparent;
-  border-left: 6px solid transparent;
-  border-right: 6px solid transparent;
-  scale: 0.6;
-  pointer-events: none;
-}
-
-.header-menu.header-toggle-disabled::after {
+.sf-header-menu.header-toggle-disabled::after {
   content: '';
   position: absolute;
   top: 12px;
@@ -28,7 +15,7 @@
   border-top: 6px solid #e5e6e8;
 }
 
-.header-menu.header-popover-showed::after {
+.sf-header-menu.sf-header-popover-showed::after {
   content: '';
   position: absolute;
   top: 7px;
@@ -37,7 +24,7 @@
   border-bottom-color: #222428;
 }
 
-.header-menu .header-toggle {
+.sf-header-menu .sf-header-toggle {
   flex: 1;
   display: flex;
   justify-content: space-between;
@@ -48,28 +35,28 @@
 }
 
 
-.header-menu .header-toggle .active {
+.sf-header-menu .sf-header-toggle .active {
   font-size: 14px;
 }
 
-.header-menu .header-toggle-disabled {
+.sf-header-menu .header-toggle-disabled {
   color: #BDBDBD;
   cursor: unset;
 }
 
 
-.header-menu .header-toggle.header-popover-showed {
+.sf-header-menu .sf-header-toggle.sf-header-popover-showed {
   background-color: #f2f2f2;
   border-radius: 2px;
 }
 
-.header-menu .header-toggle:not(.header-toggle-disabled):hover {
+.sf-header-menu .sf-header-toggle:not(.header-toggle-disabled):hover {
   background-color: #f2f2f2;
   border-radius: 2px;
 }
 
-.header-menu .header-toggle .sf-font {
-  color: #999;
+.sf-header-menu .sf-header-toggle .iconfont {
+  color: #444;
   width: 12px;
   height: 24px;
   margin-left: 8px;
@@ -80,7 +67,7 @@
   cursor: pointer;
 }
 
-.header-menu .header-popover {
+.sf-header-menu .sf-header-popover {
   position: absolute;
   top: 32px;
   left: 8px;
@@ -96,7 +83,7 @@
   z-index: 101;
 }
 
-.header-menu .header-popover .sf-dropdown-menu-item {
+.sf-header-menu .sf-header-popover .sf-dropdown-menu-item {
   font-size: 14px;
   height: auto;
   padding: 9px 16px 9px 28px;
@@ -104,11 +91,11 @@
   line-height: 1;
 }
 
-.header-menu .header-popover .sf-dropdown-menu-item:hover {
+.sf-header-menu .sf-header-popover .sf-dropdown-menu-item:hover {
   background-color: #F2F2F2;
 }
 
-.header-menu .header-popover .sf-dropdown-menu-item .sf-check-mark {
+.sf-header-menu .sf-header-popover .sf-dropdown-menu-item .sf-check-mark {
   position: absolute;
   left: 8px;
   transform: scale(.8);

package/package.json

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