@seafile/sdoc-editor 3.0.57 → 3.0.59

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.
Files changed (58) hide show
  1. package/dist/assets/css/default.css +1 -9
  2. package/dist/assets/css/dropdown-menu.css +7 -6
  3. package/dist/comment/components/comment-context-menu/index.css +4 -0
  4. package/dist/comment/components/comment-list.css +3 -3
  5. package/dist/comment/components/comment-participants-editor/index.css +1 -1
  6. package/dist/comment/components/elements-comment-count/index.css +1 -1
  7. package/dist/comment/components/global-comment/index.css +1 -1
  8. package/dist/comment/components/style.css +1 -1
  9. package/dist/extension/commons/color-menu/index.css +6 -16
  10. package/dist/extension/commons/color-menu/index.js +2 -2
  11. package/dist/extension/commons/dropdown-menu-item/index.css +2 -2
  12. package/dist/extension/commons/file-link-preview/index.css +1 -1
  13. package/dist/extension/commons/menu/menu-item.js +1 -1
  14. package/dist/extension/commons/menu/menu.css +14 -12
  15. package/dist/extension/commons/select/index.js +1 -1
  16. package/dist/extension/commons/select/menu/style.css +1 -1
  17. package/dist/extension/commons/select-file-dialog/tree-view/index.js +1 -1
  18. package/dist/extension/plugins/ai/ai-module/index.js +2 -2
  19. package/dist/extension/plugins/ai/ai-module/style.css +1 -1
  20. package/dist/extension/plugins/callout/render-elem/callout-hover-menu/index.js +2 -2
  21. package/dist/extension/plugins/callout/render-elem/callout-hover-menu/style.css +7 -6
  22. package/dist/extension/plugins/code-block/hover-menu/index.css +11 -12
  23. package/dist/extension/plugins/code-block/hover-menu/index.js +1 -1
  24. package/dist/extension/plugins/file-link/hover-menu/index.css +7 -7
  25. package/dist/extension/plugins/file-link/hover-menu/index.js +1 -1
  26. package/dist/extension/plugins/font/menu/font-family/index.css +1 -1
  27. package/dist/extension/plugins/font/menu/font-family/index.js +1 -1
  28. package/dist/extension/plugins/font/menu/font-size/index.css +3 -2
  29. package/dist/extension/plugins/font/menu/font-size/index.js +1 -1
  30. package/dist/extension/plugins/header/menu/index.js +1 -1
  31. package/dist/extension/plugins/header/menu/style.css +8 -8
  32. package/dist/extension/plugins/image/hover-menu/index.css +6 -7
  33. package/dist/extension/plugins/image/hover-menu/index.js +3 -3
  34. package/dist/extension/plugins/image/menu/index.js +1 -1
  35. package/dist/extension/plugins/link/dialog/add-link-dialog/index.js +5 -5
  36. package/dist/extension/plugins/link/hover/index.css +4 -6
  37. package/dist/extension/plugins/sdoc-link/hover-menu/index.css +7 -7
  38. package/dist/extension/plugins/sdoc-link/hover-menu/index.js +1 -1
  39. package/dist/extension/plugins/search-replace/popover/index.css +1 -0
  40. package/dist/extension/plugins/table/menu/active-table-menu/common-menu.js +1 -1
  41. package/dist/extension/plugins/table/menu/color-selector-popover/index.js +1 -1
  42. package/dist/extension/plugins/table/menu/table-context-menu/index.css +1 -1
  43. package/dist/extension/plugins/table/menu/table-context-menu/index.js +3 -3
  44. package/dist/extension/plugins/table/menu/table-menu/index.js +1 -1
  45. package/dist/extension/plugins/table/popover/table-size-popover/index.js +1 -1
  46. package/dist/extension/plugins/text-align/menu/index.css +7 -2
  47. package/dist/extension/plugins/text-align/menu/index.js +1 -1
  48. package/dist/extension/plugins/video/hover-menu/index.css +4 -4
  49. package/dist/extension/plugins/video/menu/index.js +1 -1
  50. package/dist/extension/plugins/whiteboard/hover-menu/index.css +4 -4
  51. package/dist/extension/plugins/whiteboard/menu/index.js +1 -1
  52. package/dist/extension/toolbar/header-toolbar/insert-toolbar/index.css +5 -5
  53. package/dist/extension/toolbar/header-toolbar/insert-toolbar/index.js +1 -1
  54. package/dist/extension/toolbar/insert-element-toolbar/index.js +3 -3
  55. package/dist/extension/toolbar/side-toolbar/insert-block-menu.js +3 -3
  56. package/dist/extension/toolbar/side-toolbar/side-menu.js +2 -2
  57. package/dist/outline/style.css +3 -3
  58. package/package.json +3 -3
@@ -1,8 +1,4 @@
1
1
  /* modify default css */
2
- .element-icon {
3
- color: #444 !important;
4
- }
5
-
6
2
  .sdoc-icon-btn {
7
3
  height: 24px;
8
4
  width: 24px;
@@ -18,14 +14,10 @@
18
14
  }
19
15
 
20
16
  .sdoc-icon-btn .sdocfont {
21
- color: #999;
17
+ color: #666;
22
18
  font-size: 16px;
23
19
  }
24
20
 
25
- .sdoc-icon-btn:hover .sdocfont {
26
- color: #5a5a5a;
27
- }
28
-
29
21
  .linked-block-highlight-overlay {
30
22
  position: relative;
31
23
  }
@@ -21,7 +21,7 @@
21
21
  }
22
22
 
23
23
  .sdoc-dropdown-menu .sdoc-dropdown-menu-item-title {
24
- color: #666666;
24
+ color: #666;
25
25
  padding: 3px 12px;
26
26
  }
27
27
 
@@ -50,7 +50,7 @@
50
50
  }
51
51
 
52
52
  .sdoc-dropdown-menu .sdoc-dropdown-menu-item:hover {
53
- background-color: rgb(245, 245, 245);
53
+ background-color: #EFEFEF;
54
54
  cursor: pointer;
55
55
  }
56
56
 
@@ -63,6 +63,7 @@
63
63
  .sdoc-dropdown-menu .sdoc-dropdown-menu-item .sdocfont {
64
64
  font-size: 14px;
65
65
  line-height: 14px;
66
+ color: #666;
66
67
  }
67
68
 
68
69
  .sdoc-dropdown-menu .sdoc-dropdown-menu-item .sdoc-dropdown-item-content {
@@ -76,8 +77,9 @@
76
77
  margin-right: 10px;
77
78
  }
78
79
 
79
- .sdoc-dropdown-menu .sdoc-dropdown-item-right-icon {
80
- color: #999;
80
+ .sdoc-dropdown-menu .sdoc-arrow-right {
81
+ color: #666;
82
+ font-size: 12px !important;
81
83
  }
82
84
 
83
85
  .sdoc-dropdown-menu .sdoc-dropdown-item-with-left-icon {
@@ -86,8 +88,7 @@
86
88
  }
87
89
 
88
90
  .sdoc-dropdown-menu .sdoc-check-mark {
89
- color: #798d99;
90
- transform: scale(1);
91
+ color: #666;
91
92
  }
92
93
 
93
94
  /* sub menu */
@@ -4,6 +4,10 @@
4
4
  font-size: 14px;
5
5
  }
6
6
 
7
+ .menu-group-item.sdoc-comment-menu-container .sdocfont {
8
+ color: #666;
9
+ }
10
+
7
11
  .sdoc-comment-menu-item .sdoc-comments {
8
12
  margin-right: 4px;
9
13
  }
@@ -128,7 +128,7 @@
128
128
  /* footer */
129
129
  .comment-item .comment-footer {
130
130
  display: flex;
131
- color: #666666;
131
+ color: #666;
132
132
  font-size: 14px;
133
133
  margin-left: 35px;
134
134
  margin-top: 16px;
@@ -181,7 +181,7 @@
181
181
  }
182
182
 
183
183
  .sdoc-comment-list-container .comment-header .comment-author__info .time {
184
- color: #666666;
184
+ color: #666;
185
185
  font-size: 12px;
186
186
  line-height: 16px;
187
187
  display: inline-flex;
@@ -221,7 +221,7 @@
221
221
  align-items: center;
222
222
  justify-content: center;
223
223
  background-color: #fff;
224
- color: #666666;
224
+ color: #666;
225
225
  overflow: hidden;
226
226
  border-radius: 2px;
227
227
  }
@@ -128,5 +128,5 @@
128
128
 
129
129
  .sdoc-comments-participants-popover .sdoc-searched-collaborator .sdoc-searched-collaborator-operation .sdocfont {
130
130
  font-size: 14px;
131
- color: #798d99;
131
+ color: #666;
132
132
  }
@@ -10,7 +10,7 @@
10
10
  }
11
11
 
12
12
  .sdoc-comment-container .comment-container-right .element-comments-count:hover {
13
- color: #333;
13
+ color: #666;
14
14
  cursor: pointer;
15
15
  }
16
16
 
@@ -285,7 +285,7 @@
285
285
  .sdoc-comment-drawer .sdoc-comment-list-container .comment-item-selected-text-container {
286
286
  width: 100%;
287
287
  height: auto;
288
- color: #666666;
288
+ color: #666;
289
289
  display: flex;
290
290
  align-items: center;
291
291
  padding: 0px 0px 16px 0px;
@@ -29,7 +29,7 @@
29
29
  }
30
30
 
31
31
  .sdoc-comment-container .comment-container-right .comment-add-wrapper .sdocfont:hover {
32
- color: #333;
32
+ color: #666;
33
33
  cursor: pointer;
34
34
  }
35
35
 
@@ -28,7 +28,7 @@
28
28
  }
29
29
 
30
30
  .menu-group .sdoc-color-menu.disabled .sdoc-color-toggle .sdocfont {
31
- color: #BDBDBD;
31
+ color: #c2c2c2;
32
32
  }
33
33
 
34
34
  .sdoc-color-menu .sdoc-color-icon {
@@ -47,20 +47,10 @@
47
47
  border: 1px solid rgba(0, 0, 0, .08);
48
48
  }
49
49
 
50
- .sdoc-color-menu #sdoc-highlight_color,
51
- .sdoc-color-menu #sdoc-font-color,
52
- .sdoc-color-menu #sdoc-sdoc_context_toolbar_sdoc-highlight_color,
53
- .sdoc-color-menu #sdoc_context_toolbar_sdoc-font-color {
54
- width: 8px;
55
- }
56
-
57
- .sdoc-color-menu .sdoc-big-drop-down,
58
- .sdoc-color-menu .sdoc-big-caret-up {
59
- height: 16px;
60
- width: 16px;
61
- line-height: 16px;
62
- font-size: 16px !important;
63
- transform: scale(.5);
50
+ .sdoc-color-menu .sdoc-arrow-down,
51
+ .sdoc-color-menu .sdoc-arrow-up {
52
+ padding: 0 !important;
53
+ margin-left: 0 !important;
64
54
  }
65
55
 
66
56
  .sdoc-color-menu-popover .popover {
@@ -158,7 +148,7 @@
158
148
 
159
149
  .sdoc-color-menu-popover .sdoc-more-colors .sdocfont {
160
150
  font-size: 14px;
161
- color: #888;
151
+ color: #666;
162
152
  }
163
153
 
164
154
  .sdoc-color-menu-popover .sdoc-more-colors.show-pick {
@@ -144,7 +144,7 @@ var ColorMenu = function ColorMenu(_ref) {
144
144
  id: id,
145
145
  className: "sdoc-color-toggle sdoc-menu-with-dropdown-triangle"
146
146
  }, /*#__PURE__*/_react["default"].createElement("i", {
147
- className: "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'big-caret-up' : 'big-drop-down')
147
+ className: "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'arrow-up' : 'arrow-down')
148
148
  }))), text && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
149
149
  target: buttonId
150
150
  }, t(text)), !disabled && /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
@@ -212,7 +212,7 @@ var ColorMenu = function ColorMenu(_ref) {
212
212
  }),
213
213
  id: "sdoc-more-colors"
214
214
  }, /*#__PURE__*/_react["default"].createElement("span", null, t('More_color')), /*#__PURE__*/_react["default"].createElement("i", {
215
- className: "sdocfont sdoc-right-slide"
215
+ className: "sdocfont sdoc-arrow-right"
216
216
  })), /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledPopover, {
217
217
  target: "sdoc-more-colors",
218
218
  className: "sdoc-more-colors-popover",
@@ -1,9 +1,9 @@
1
1
  /* insert element dropdown item */
2
2
  .sdoc-dropdown-item-with-left-icon .sdoc-dropdown-item-content .sdoc-dropdown-item-content-icon {
3
- color: #444;
3
+ color: #666;
4
4
  }
5
5
 
6
- .sdoc-link-dropdown-menu-item .sdoc-dropdown-item-content{
6
+ .sdoc-link-dropdown-menu-item .sdoc-dropdown-item-content {
7
7
  justify-content: space-between;
8
8
  }
9
9
 
@@ -50,7 +50,7 @@
50
50
  }
51
51
 
52
52
  .sdoc-file-preview-drawer .file-preview-panel-header-right .file-preview-full-screen .sdocfont {
53
- color: #999;
53
+ color: #666;
54
54
  font-size: 14px;
55
55
  }
56
56
 
@@ -51,7 +51,7 @@ var MenuItem = function MenuItem(_ref) {
51
51
  }), type === _constants.SDOC_LINK && /*#__PURE__*/_react["default"].createElement("span", {
52
52
  className: "sdoc-link-menu-item"
53
53
  }, /*#__PURE__*/_react["default"].createElement("span", null, t(text)), /*#__PURE__*/_react["default"].createElement("i", {
54
- className: "sdocfont sdoc-drop-down"
54
+ className: "sdocfont sdoc-arrow-down"
55
55
  }))), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
56
56
  target: id
57
57
  }, t(text)));
@@ -4,7 +4,7 @@
4
4
  font-size: 0.75rem;
5
5
  border-right: 1px solid #e5e6e8;
6
6
  border-radius: 0 !important;
7
- color: #444;
7
+ color: #666;
8
8
  display: flex;
9
9
  align-items: center;
10
10
  justify-content: center;
@@ -16,23 +16,23 @@
16
16
  line-height: 24px;
17
17
  margin-right: 8px;
18
18
  border: none !important;
19
- color: #444;
19
+ color: #666;
20
20
  background-color: transparent;
21
21
  padding-block-start: unset;
22
22
  padding-block-end: unset;
23
23
  }
24
24
 
25
- .menu-group .menu-group-item:disabled {
26
- color: #BDBDBD;
27
- }
28
-
29
25
  .menu-group .menu-group-item:hover {
30
- background-color: #F2F2F2;
26
+ background-color: #EFEFEF;
31
27
  border-radius: 2px;
32
28
  }
33
29
 
34
30
  .menu-group .menu-group-item[data-active='true'] {
35
- color: #eb8205;
31
+ color: #ED7109;
32
+ }
33
+
34
+ .menu-group .menu-group-item:disabled {
35
+ color: #C2C2C2;
36
36
  }
37
37
 
38
38
  .menu-group .menu-group-item .sdocfont,
@@ -54,11 +54,11 @@
54
54
  }
55
55
 
56
56
  .menu-group .menu-group-item.sdoc-menu-with-dropdown.disabled {
57
- color: #999;
57
+ color: #C2C2C2;
58
58
  }
59
59
 
60
60
  .sdoc-menu-with-dropdown:not(.disabled):hover {
61
- background: #F2F2F2;
61
+ background: #EFEFEF;
62
62
  border-radius: 2px;
63
63
  }
64
64
 
@@ -79,8 +79,10 @@
79
79
  }
80
80
 
81
81
  .sdoc-menu-with-dropdown .sdoc-menu-with-dropdown-triangle .sdoc-menu-with-dropdown-triangle-icon {
82
- font-size: 14px;
83
- color: #999;
82
+ font-size: 12px;
83
+ color: #666;
84
+ margin-left: 4px;
85
+ padding-right: 6px;
84
86
  }
85
87
 
86
88
  .menu-group:last-child {
@@ -128,7 +128,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
128
128
  }, currentOption.label)), /*#__PURE__*/_react["default"].createElement("span", {
129
129
  className: "operation"
130
130
  }, /*#__PURE__*/_react["default"].createElement("i", {
131
- className: "sdocfont sdoc-drop-down arrow"
131
+ className: "sdocfont sdoc-arrow-down arrow"
132
132
  }))), isShowSelector && /*#__PURE__*/_react["default"].createElement("span", {
133
133
  className: "select-popover"
134
134
  }, /*#__PURE__*/_react["default"].createElement(_fieldSetting["default"], {
@@ -39,5 +39,5 @@
39
39
  height: 32px;
40
40
  line-height: 32px;
41
41
  font-size: 13px;
42
- color: #aaa;
42
+ color: #666;
43
43
  }
@@ -274,7 +274,7 @@ var TreeView = function TreeView(_ref) {
274
274
  }, /*#__PURE__*/_react["default"].createElement("div", {
275
275
  className: "sdoc-file-icon-container"
276
276
  }, /*#__PURE__*/_react["default"].createElement("i", {
277
- className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-right-slide"
277
+ className: "sdoc-file-icon sdoc-file-icon-toggle sdocfont sdoc-arrow-right"
278
278
  }), /*#__PURE__*/_react["default"].createElement("i", {
279
279
  className: "sdoc-file-icon sdocfont sdoc-folder"
280
280
  })), /*#__PURE__*/_react["default"].createElement("span", {
@@ -599,7 +599,7 @@ function AIModule(_ref) {
599
599
  }, t('Translate')), /*#__PURE__*/_react["default"].createElement(_dropdownMenuItem["default"], {
600
600
  menuConfig: _constants2.OPERATION_MENUS_CONFIG.TRANSLATE
601
601
  }, /*#__PURE__*/_react["default"].createElement("i", {
602
- className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
602
+ className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
603
603
  }), /*#__PURE__*/_react["default"].createElement(_langSubMenu["default"], {
604
604
  target: _constants2.OPERATION_MENUS_CONFIG.TRANSLATE.id,
605
605
  onTranslateClick: onTranslateClick
@@ -626,7 +626,7 @@ function AIModule(_ref) {
626
626
  menuConfig: _constants2.OPERATION_MENUS_CONFIG.ADJUSTMENT,
627
627
  isHidden: !isShowAdjust
628
628
  }, /*#__PURE__*/_react["default"].createElement("i", {
629
- className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
629
+ className: "sdocfont sdoc-arrow-right sdoc-dropdown-item-right-icon"
630
630
  }), /*#__PURE__*/_react["default"].createElement(_adjustSubMenu["default"], {
631
631
  target: _constants2.OPERATION_MENUS_CONFIG.ADJUSTMENT.id,
632
632
  onMoreFluentClick: onMoreFluentClick,
@@ -46,7 +46,7 @@
46
46
  }
47
47
 
48
48
  .sdoc-ai-content .sdoc-ai-search .sdoc-send-arrow.disable {
49
- color: #BDBDBD;
49
+ color: #c2c2c2;
50
50
  cursor: text;
51
51
  }
52
52
 
@@ -76,7 +76,7 @@ function CalloutHoverMenu(_ref) {
76
76
  }, /*#__PURE__*/_react["default"].createElement("span", {
77
77
  className: "sdocfont sdoc-callout-color mr-1"
78
78
  }), /*#__PURE__*/_react["default"].createElement("span", {
79
- className: "sdocfont sdoc-drop-down"
79
+ className: "sdocfont sdoc-arrow-down"
80
80
  })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
81
81
  target: "select_callout_color",
82
82
  placement: "top",
@@ -90,7 +90,7 @@ function CalloutHoverMenu(_ref) {
90
90
  }, /*#__PURE__*/_react["default"].createElement("span", {
91
91
  className: "sdocfont sdoc-callout-icon mr-1"
92
92
  }), /*#__PURE__*/_react["default"].createElement("span", {
93
- className: "sdocfont sdoc-drop-down"
93
+ className: "sdocfont sdoc-arrow-down"
94
94
  })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
95
95
  target: "select_callout_icon",
96
96
  placement: "top",
@@ -15,27 +15,28 @@
15
15
  justify-content: center;
16
16
  align-items: center;
17
17
  font-size: 12px;
18
- color: #444444;
18
+ color: #212529;
19
19
  cursor: pointer;
20
20
  border-radius: 3px;
21
21
  }
22
22
 
23
23
  .sdoc-callout-hover-menu .callout-menu-item:hover {
24
- background-color: #f2f2f2;
24
+ background-color: #EFEFEF;
25
25
  }
26
26
 
27
27
  .sdoc-callout-hover-menu .callout-menu-item .sdocfont {
28
+ line-height: 1;
28
29
  font-size: 14px;
29
- color: #444;
30
+ color: #666;
30
31
  }
31
32
 
32
- .sdoc-callout-hover-menu .callout-menu-item .sdoc-drop-down {
33
- color: #999;
33
+ .sdoc-callout-hover-menu .callout-menu-item .sdoc-arrow-down {
34
+ font-size: 12px;
34
35
  }
35
36
 
36
37
  .sdoc-callout-hover-menu .callout-menu-item.color-active,
37
38
  .sdoc-callout-hover-menu .callout-menu-item.icon-active {
38
- background-color: #f2f2f2;
39
+ background-color: #EFEFEF;
39
40
  border-radius: 2px;
40
41
  }
41
42
 
@@ -17,12 +17,18 @@
17
17
  border-radius: 3px;
18
18
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
19
19
  border: 1px solid #e8e8e8;
20
+ color: #212529;
21
+ }
22
+
23
+ .sdoc-code-block-hover-menu-container .sdocfont {
24
+ line-height: 1;
25
+ font-size: 14px;
26
+ color: #666;
20
27
  }
21
28
 
22
29
  .sdoc-code-block-hover-menu-container .hover-menu-container .active {
23
- color: #444444;
24
30
  text-decoration: none;
25
- background: #f2f2f2;
31
+ background: #EFEFEF;
26
32
  }
27
33
 
28
34
  .sdoc-code-block-hover-menu-container .hover-menu-container .op-item {
@@ -30,7 +36,6 @@
30
36
  height: 100%;
31
37
  width: 100%;
32
38
  font-size: 12px;
33
- color: #444444;
34
39
  border-radius: 2px;
35
40
  text-align: center;
36
41
  line-height: 20px;
@@ -58,8 +63,8 @@
58
63
  width: fit-content;
59
64
  }
60
65
 
61
- .sdoc-code-block-hover-menu-container .sdoc-code-block-hover-operation-lang .sdocfont {
62
- color: #999;
66
+ .sdoc-code-block-hover-menu-container .sdoc-code-block-hover-operation-lang .sdoc-arrow-down {
67
+ font-size: 12px;
63
68
  }
64
69
 
65
70
  .sdoc-code-block-hover-menu-container .sdoc-code-block-hover-operation-divider {
@@ -70,14 +75,8 @@
70
75
  }
71
76
 
72
77
  .sdoc-code-block-hover-menu-container .hover-menu-container .op-item:hover {
73
- color: #444444;
74
78
  text-decoration: none;
75
- background: #f2f2f2;
76
- }
77
-
78
- .sdoc-code-block-hover-menu-container .sdocfont {
79
- font-size: 14px;
80
- color: #444;
79
+ background: #EFEFEF;
81
80
  }
82
81
 
83
82
  .sdoc-langs-list-container {
@@ -205,7 +205,7 @@ var CodeBlockHoverMenu = function CodeBlockHoverMenu(_ref3) {
205
205
  className: "op-item ".concat(isShowlangsList ? 'active' : ''),
206
206
  onClick: onShowLangs
207
207
  }, /*#__PURE__*/_react["default"].createElement("span", null, selectedLanguageText), /*#__PURE__*/_react["default"].createElement("i", {
208
- className: "sdocfont sdoc-drop-down"
208
+ className: "sdocfont sdoc-arrow-down"
209
209
  }))), /*#__PURE__*/_react["default"].createElement("div", {
210
210
  className: "sdoc-code-block-hover-operation-divider"
211
211
  }), /*#__PURE__*/_react["default"].createElement("div", {
@@ -25,7 +25,7 @@
25
25
  .sdoc-file-link-hover-menu-container .hover-menu-container .op-item {
26
26
  position: relative;
27
27
  font-size: 12px;
28
- color: #444444;
28
+ color: #212529;
29
29
  padding: 0 5px;
30
30
  border-radius: 2px;
31
31
  min-width: 24px;
@@ -36,9 +36,8 @@
36
36
  }
37
37
 
38
38
  .sdoc-file-link-hover-menu-container .hover-menu-container .op-item:hover {
39
- color: #444444;
40
39
  text-decoration: none;
41
- background: #f1f1f1;
40
+ background: #EFEFEF;
42
41
  }
43
42
 
44
43
  .sdoc-file-link-hover-menu-container .op-group-item:last-child .op-item {
@@ -46,7 +45,7 @@
46
45
  }
47
46
 
48
47
  .sdoc-file-link-hover-menu-container .hover-menu-container .link-style-icon-active {
49
- background: #f1f1f1;
48
+ background: #EFEFEF;
50
49
  }
51
50
 
52
51
  .sdoc-file-link-hover-menu-container .hover-menu-container .op-tooltip:hover::after {
@@ -68,12 +67,13 @@
68
67
  }
69
68
 
70
69
  .sdoc-file-link-hover-menu-container .hover-menu-container .sdocfont {
70
+ line-height: 1;
71
71
  font-size: 14px;
72
- color: #444444;
72
+ color: #666;
73
73
  }
74
74
 
75
- .sdoc-file-link-hover-menu-container .hover-menu-container .sdoc-drop-down {
76
- color: #999;
75
+ .sdoc-file-link-hover-menu-container .hover-menu-container .sdoc-arrow-down {
76
+ font-size: 12px;
77
77
  }
78
78
 
79
79
  .sdoc-file-link-hover-menu-container .sdoc-file-display-style-popover {
@@ -110,7 +110,7 @@ var FileLinkHoverMenu = function FileLinkHoverMenu(_ref) {
110
110
  }, /*#__PURE__*/_react["default"].createElement("i", {
111
111
  className: (0, _classnames["default"])('mr-1', _constants2.FILE_LINK_TYPE_CONFIG[selectedType].icon)
112
112
  }), /*#__PURE__*/_react["default"].createElement("i", {
113
- className: "sdocfont sdoc-drop-down"
113
+ className: "sdocfont sdoc-arrow-down"
114
114
  })), isShowTooltip && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
115
115
  target: "select_style",
116
116
  placement: "top",
@@ -28,7 +28,7 @@
28
28
  .menu-group .menu-group-item.sdoc-menu-with-dropdown.sdoc-font-family-menu.disabled .sdoc-menu-with-dropdown-icon div {
29
29
  padding-right: 5px;
30
30
  width: 70px;
31
- color: #BDBDBD;
31
+ color: #c2c2c2;
32
32
  }
33
33
 
34
34
  /* sdoc-font-family-menu-popover */
@@ -77,7 +77,7 @@ var FontFamily = function FontFamily(_ref) {
77
77
 
78
78
  // eslint-disable-next-line react-hooks/exhaustive-deps
79
79
  }, [isShowMenu]);
80
- var caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down');
80
+ var caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'arrow-up' : 'arrow-down');
81
81
  var _ref2 = fontRef.current ? fontRef.current.getBoundingClientRect() : {
82
82
  bottom: 92.5
83
83
  },
@@ -24,8 +24,8 @@
24
24
 
25
25
  .sdoc-font-size-menu-popover .sdoc-dropdown-menu-item .sdoc-check-mark {
26
26
  position: absolute;
27
- left: 8px;
28
- color: #798d99;
27
+ left: 5px;
28
+ color: #666;
29
29
  }
30
30
 
31
31
  .sdoc-font-size-menu-popover .sdoc-font-size-menu-container {
@@ -37,4 +37,5 @@
37
37
 
38
38
  .sdoc-font-size-menu-popover .sdoc-dropdown-menu-item {
39
39
  font-size: 14px;
40
+ padding: 4px 16px 4px 24px;
40
41
  }
@@ -54,7 +54,7 @@ var FontSize = function FontSize(_ref) {
54
54
  'rich-icon-btn-hover': isRichEditor && !disabled,
55
55
  'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
56
56
  });
57
- var caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down');
57
+ var caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'arrow-up' : 'arrow-down');
58
58
  var _ref2 = fontSizeRef.current ? fontSizeRef.current.getBoundingClientRect() : {
59
59
  bottom: 92.5
60
60
  },
@@ -105,7 +105,7 @@ var HeaderMenu = /*#__PURE__*/function (_React$Component) {
105
105
  var _this2 = this;
106
106
  var t = this.props.t;
107
107
  var isShowHeaderPopover = this.state.isShowHeaderPopover;
108
- var headerIconClass = "sdocfont sdoc-".concat(isShowHeaderPopover ? 'caret-up' : 'drop-down');
108
+ var headerIconClass = "sdocfont sdoc-".concat(isShowHeaderPopover ? 'arrow-up' : 'arrow-down');
109
109
  var currentType = this.getValue();
110
110
  var disabled = this.isDisabled();
111
111
  var itemList = [_constants.PARAGRAPH, 'divider', _constants.TITLE, _constants.SUBTITLE, 'divider'].concat((0, _toConsumableArray2["default"])(_constants.HEADERS));
@@ -23,17 +23,17 @@
23
23
  }
24
24
 
25
25
  .header-menu .header-toggle-disabled {
26
- color: #BDBDBD;
26
+ color: #c2c2c2;
27
27
  cursor: unset;
28
28
  }
29
29
 
30
30
  .header-menu .header-toggle:not(.header-toggle-disabled):hover {
31
- background: #F2F2F2;
31
+ background: #EFEFEF;
32
32
  border-radius: 2px;
33
33
  }
34
34
 
35
35
  .header-menu .header-toggle .sdocfont {
36
- color: #999;
36
+ color: #666;
37
37
  width: 12px;
38
38
  height: 24px;
39
39
  margin-left: 8px;
@@ -41,12 +41,12 @@
41
41
  display: inline-flex;
42
42
  justify-content: center;
43
43
  align-items: center;
44
- font-size: 14px;
44
+ font-size: 12px;
45
45
  cursor: pointer;
46
46
  }
47
47
 
48
48
  .header-menu .header-toggle-disabled .sdocfont {
49
- color: #BDBDBD;
49
+ color: #c2c2c2;
50
50
  cursor: unset;
51
51
  }
52
52
 
@@ -74,12 +74,12 @@
74
74
  .header-menu .header-popover .sdoc-dropdown-menu-item {
75
75
  font-size: 14px;
76
76
  height: auto;
77
- padding: 9px 16px 9px 28px;
77
+ padding: 9px 16px 9px 24px;
78
78
  line-height: 1;
79
79
  }
80
80
 
81
81
  .header-menu .header-popover .sdoc-dropdown-menu-item .sdoc-check-mark {
82
82
  position: absolute;
83
- left: 8px;
84
- color: #798d99;
83
+ left: 5px;
84
+ color: #666;
85
85
  }