@modusoperandi/licit 1.4.2 → 1.4.6

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 (228) hide show
  1. package/BlockquoteInsertNewLineCommand.js.flow +70 -70
  2. package/BlockquoteNodeSpec.js.flow +29 -29
  3. package/BlockquoteToggleCommand.js.flow +56 -56
  4. package/BookmarkNodeSpec.js.flow +39 -39
  5. package/BulletListNodeSpec.js.flow +61 -61
  6. package/CZIProseMirror.js.flow +90 -90
  7. package/CodeBlockCommand.js.flow +65 -65
  8. package/CodeBlockNodeSpec.js.flow +24 -24
  9. package/CodeMarkSpec.js.flow +14 -14
  10. package/ContentPlaceholderPlugin.js.flow +183 -183
  11. package/CursorPlaceholderPlugin.js.flow +113 -113
  12. package/DocLayoutCommand.js.flow +97 -97
  13. package/DocNodeSpec.js.flow +62 -62
  14. package/EMMarkSpec.js.flow +39 -39
  15. package/EditorCommands.js.flow +124 -124
  16. package/EditorKeyMap.js.flow +173 -173
  17. package/EditorMarks.js +4 -2
  18. package/EditorMarks.js.flow +77 -74
  19. package/EditorNodes.js.flow +55 -55
  20. package/EditorPageLayoutPlugin.js.flow +67 -67
  21. package/EditorPlugins.js.flow +8 -8
  22. package/EditorSchema.js.flow +12 -12
  23. package/EditorState.js.flow +7 -7
  24. package/FontSizeMarkSpec.js.flow +54 -54
  25. package/FontTypeMarkSpec.js.flow +89 -89
  26. package/HTMLMutator.js.flow +58 -58
  27. package/HangingIndentMarkSpec.js +34 -0
  28. package/HangingIndentMarkSpec.js.flow +30 -0
  29. package/HardBreakNodeSpec.js.flow +15 -15
  30. package/HeadingNodeSpec.js.flow +42 -42
  31. package/HistoryRedoCommand.js.flow +41 -41
  32. package/HistoryUndoCommand.js.flow +41 -41
  33. package/HorizontalRuleCommand.js.flow +71 -71
  34. package/HorizontalRuleNodeSpec.js.flow +39 -39
  35. package/ImageUploadPlaceholderPlugin.js.flow +187 -187
  36. package/LICENSE +22 -22
  37. package/LinkMarkSpec.js +4 -2
  38. package/LinkMarkSpec.js.flow +38 -37
  39. package/LinkSetURLCommand.js +1 -1
  40. package/LinkSetURLCommand.js.flow +129 -129
  41. package/LinkTooltipPlugin.js +32 -38
  42. package/LinkTooltipPlugin.js.flow +204 -217
  43. package/ListItemInsertNewLineCommand.js.flow +76 -76
  44. package/ListItemMergeCommand.js.flow +197 -197
  45. package/ListItemNodeSpec.js.flow +52 -52
  46. package/ListSplitCommand.js.flow +54 -54
  47. package/ListToggleCommand.js.flow +99 -99
  48. package/MarkNames.js +2 -1
  49. package/MarkNames.js.flow +20 -19
  50. package/MarksClearCommand.js.flow +66 -66
  51. package/NodeNames.js.flow +23 -23
  52. package/OrderedListNodeSpec.js.flow +131 -131
  53. package/OverrideMarkSpec.js.flow +49 -49
  54. package/ParagraphNodeSpec.js +21 -2
  55. package/ParagraphNodeSpec.js.flow +233 -215
  56. package/ParagraphSpacingCommand.js.flow +139 -139
  57. package/PrintCommand.js.flow +53 -53
  58. package/SelectionPlaceholderPlugin.js.flow +129 -129
  59. package/SpacerMarkSpec.js.flow +47 -47
  60. package/StrikeMarkSpec.js.flow +24 -24
  61. package/StrongMarkSpec.js.flow +39 -39
  62. package/StyleView.js.flow +18 -18
  63. package/TableBackgroundColorCommand.js.flow +79 -79
  64. package/TableBorderColorCommand.js +5 -3
  65. package/TableBorderColorCommand.js.flow +108 -106
  66. package/TableCellColorCommand.js.flow +73 -73
  67. package/TableCellMenuPlugin.js.flow +129 -129
  68. package/TableInsertCommand.js.flow +117 -117
  69. package/TableMergeCellsCommand.js.flow +113 -113
  70. package/TableNodesSpecs.js.flow +144 -144
  71. package/TablePlugins.js.flow +14 -14
  72. package/TableResizePlugin.js.flow +636 -636
  73. package/TextColorMarkSpec.js.flow +40 -40
  74. package/TextHighlightMarkSpec.js.flow +47 -47
  75. package/TextInsertTabSpaceCommand.js +0 -3
  76. package/TextInsertTabSpaceCommand.js.flow +103 -106
  77. package/TextNoWrapMarkSpec.js.flow +14 -14
  78. package/TextNodeSpec.js.flow +7 -7
  79. package/TextSelectionMarkSpec.js.flow +24 -24
  80. package/TextSubMarkSpec.js.flow +28 -28
  81. package/TextSuperMarkSpec.js.flow +28 -28
  82. package/TextUnderlineMarkSpec.js.flow +24 -24
  83. package/Types.js.flow +77 -77
  84. package/WebFontLoader.js.flow +22 -22
  85. package/blockQuoteInputRule.js.flow +36 -36
  86. package/bom.xml +8645 -8637
  87. package/browser.js.flow +7 -7
  88. package/buildEditorPlugins.js.flow +48 -48
  89. package/buildInputRules.js.flow +85 -85
  90. package/client/CollabConnector.js.flow +90 -90
  91. package/client/EditorConnection.js.flow +324 -324
  92. package/client/Licit.js +40 -40
  93. package/client/Licit.js.flow +649 -648
  94. package/client/Licit.test.js.flow +104 -104
  95. package/client/Reporter.js.flow +35 -35
  96. package/client/SimpleConnector.js.flow +61 -61
  97. package/client/http.js.flow +60 -60
  98. package/client/licit.css +12 -12
  99. package/client/throttle.js.flow +27 -27
  100. package/convertFromDOMElement.js.flow +33 -33
  101. package/convertFromHTML.js.flow +15 -15
  102. package/convertFromJSON.js.flow +53 -53
  103. package/convertToCSSPTValue.js.flow +19 -19
  104. package/convertToJSON.js.flow +7 -7
  105. package/createCommand.js.flow +62 -62
  106. package/createEditorKeyMap.js.flow +87 -87
  107. package/createEmptyEditorState.js.flow +29 -29
  108. package/createTableResizingPlugin.js.flow +86 -86
  109. package/findActionableCell.js.flow +74 -74
  110. package/findActiveMark.js.flow +32 -32
  111. package/hyphenize.js.flow +17 -17
  112. package/index.d.ts +167 -167
  113. package/index.js.flow +10 -10
  114. package/insertTable.js.flow +54 -54
  115. package/isEditorStateEmpty.js.flow +32 -32
  116. package/isTableNode.js.flow +15 -15
  117. package/joinDown.js.flow +25 -25
  118. package/joinListNode.js.flow +55 -55
  119. package/joinUp.js.flow +37 -37
  120. package/keymaps.js.flow +175 -175
  121. package/lookUpElement.js.flow +14 -14
  122. package/nodeAt.js.flow +12 -12
  123. package/normalizeHTML.js.flow +80 -80
  124. package/package.json +152 -152
  125. package/patchAnchorElements.js.flow +38 -38
  126. package/patchBreakElements.js.flow +22 -22
  127. package/patchElementInlineStyles.js.flow +92 -92
  128. package/patchListElements.js.flow +275 -275
  129. package/patchMathElements.js.flow +58 -58
  130. package/patchParagraphElements.js.flow +20 -20
  131. package/patchStyleElements.js.flow +197 -197
  132. package/patchTableElements.js.flow +88 -88
  133. package/rebaseDocWithSteps.js.flow +42 -42
  134. package/sanitizeURL.js.flow +13 -13
  135. package/splitListItem.js.flow +191 -191
  136. package/styles.css +46 -46
  137. package/toClosestFontPtSize.js.flow +22 -22
  138. package/toSafeHTMLDocument.js.flow +9 -9
  139. package/toggleBlockquote.js.flow +101 -101
  140. package/toggleCodeBlock.js.flow +102 -102
  141. package/ui/AlertInfo.js.flow +63 -63
  142. package/ui/BookmarkNodeView.js.flow +64 -64
  143. package/ui/CommandButton.js.flow +68 -68
  144. package/ui/CommandMenu.js.flow +74 -74
  145. package/ui/CommandMenuButton.js.flow +128 -128
  146. package/ui/CustomEditorView.js.flow +29 -29
  147. package/ui/CustomMenu.js.flow +14 -14
  148. package/ui/CustomMenuItem.js.flow +35 -35
  149. package/ui/CustomNodeView.js.flow +207 -207
  150. package/ui/CustomRadioButton.js.flow +63 -63
  151. package/ui/DocLayoutEditor.js.flow +130 -130
  152. package/ui/Editor.js.flow +281 -281
  153. package/ui/EditorFrameset.js.flow +79 -79
  154. package/ui/EditorToolbar.js.flow +197 -197
  155. package/ui/EditorToolbarConfig.js.flow +162 -162
  156. package/ui/FontSizeCommandMenuButton.js.flow +66 -66
  157. package/ui/FontTypeCommandMenuButton.js.flow +60 -60
  158. package/ui/Frag.js.flow +11 -11
  159. package/ui/Icon.js +1 -1
  160. package/ui/Icon.js.flow +82 -82
  161. package/ui/ImageInlineEditor.js.flow +66 -66
  162. package/ui/KeyCodes.js.flow +12 -12
  163. package/ui/LinkTooltip.js.flow +51 -51
  164. package/ui/LinkURLEditor.js.flow +227 -227
  165. package/ui/ListItemNodeView.js.flow +101 -101
  166. package/ui/ListTypeButton.js.flow +121 -121
  167. package/ui/ListTypeCommandButton.js.flow +85 -85
  168. package/ui/ListTypeMenu.js.flow +78 -78
  169. package/ui/LoadingIndicator.js.flow +19 -19
  170. package/ui/PasteMenu.js.flow +52 -52
  171. package/ui/ResizeObserver.js.flow +105 -105
  172. package/ui/RichTextEditor.js.flow +133 -133
  173. package/ui/SelectionObserver.js.flow +134 -134
  174. package/ui/TableCellMenu.js.flow +49 -49
  175. package/ui/TableGridSizeEditor.js.flow +185 -185
  176. package/ui/TableNodeView.js.flow +36 -36
  177. package/ui/bindScrollHandler.js.flow +46 -46
  178. package/ui/canUseCSSFont.js.flow +42 -42
  179. package/ui/czi-body-layout-editor.css +16 -16
  180. package/ui/czi-bookmark-view.css +10 -10
  181. package/ui/czi-cursor-placeholder.css +36 -36
  182. package/ui/czi-custom-menu-button.css +18 -18
  183. package/ui/czi-custom-menu-item.css +30 -30
  184. package/ui/czi-custom-menu.css +8 -8
  185. package/ui/czi-custom-radio-button.css +80 -80
  186. package/ui/czi-custom-scrollbar.css +21 -21
  187. package/ui/czi-editor-frameset.css +81 -81
  188. package/ui/czi-editor-toolbar.css +122 -122
  189. package/ui/czi-editor.css +239 -216
  190. package/ui/czi-form.css +201 -201
  191. package/ui/czi-frag.css +3 -3
  192. package/ui/czi-heading.css +40 -40
  193. package/ui/czi-icon.css +72 -72
  194. package/ui/czi-image-resize-box.css +165 -165
  195. package/ui/czi-image-upload-editor.css +57 -57
  196. package/ui/czi-image-upload-placeholder.css +50 -50
  197. package/ui/czi-image-url-editor.css +38 -38
  198. package/ui/czi-image-view.css +121 -121
  199. package/ui/czi-indent.css +137 -137
  200. package/ui/czi-inline-editor.css +20 -20
  201. package/ui/czi-link-tooltip.css +112 -112
  202. package/ui/czi-list.css +406 -406
  203. package/ui/czi-loading-indicator.css +66 -66
  204. package/ui/czi-math-view.css +62 -62
  205. package/ui/czi-selection-placeholder.css +24 -24
  206. package/ui/czi-table-cell-menu.css +16 -16
  207. package/ui/czi-table-grid-size-editor.css +37 -37
  208. package/ui/czi-table.css +89 -89
  209. package/ui/czi-vars.css +47 -45
  210. package/ui/findActiveFontSize.js.flow +55 -55
  211. package/ui/findActiveFontType.js.flow +35 -35
  212. package/ui/fonts.css +460 -460
  213. package/ui/handleEditorDrop.js.flow +28 -28
  214. package/ui/handleEditorKeyDown.js.flow +39 -39
  215. package/ui/handleEditorPaste.js.flow +33 -33
  216. package/ui/htmlElementToRect.js.flow +18 -18
  217. package/ui/icon-font.css +9 -9
  218. package/ui/injectStyleSheet.js.flow +40 -40
  219. package/ui/isElementFullyVisible.js.flow +14 -14
  220. package/ui/isOffline.js.flow +8 -8
  221. package/ui/isReactClass.js.flow +12 -12
  222. package/ui/listType.css +21 -21
  223. package/ui/resolveImage.js.flow +121 -121
  224. package/ui/toCSSColor.js.flow +51 -51
  225. package/ui/toCSSLineSpacing.js.flow +53 -53
  226. package/ui/toHexColor.js.flow +26 -26
  227. package/ui/uuid.js.flow +9 -9
  228. package/uuid.js.flow +9 -9
@@ -1,36 +1,36 @@
1
- @import 'czi-vars.css';
2
-
3
- .czi-cursor-placeholder {
4
- display: inline-block;
5
- position: relative;
6
- vertical-align: text-bottom;
7
- }
8
-
9
- .czi-cursor-placeholder::after {
10
- -webkit-animation-direction: alternate;
11
- animation-direction: alternate;
12
- -webkit-animation-duration: 0.5s;
13
- animation-duration: 0.5s;
14
- -webkit-animation-iteration-count: infinite;
15
- animation-iteration-count: infinite;
16
- -webkit-animation-name: czi_cursor_blink;
17
- animation-name: czi_cursor_blink;
18
- -webkit-animation-timing-function: ease-in-out;
19
- animation-timing-function: ease-in-out;
20
- background-color: var(--czi-selection-highlight-color-dark);
21
- bottom: 0;
22
- content: '';
23
- height: 1.2em;
24
- left: -1px;
25
- position: absolute;
26
- width: 3px;
27
- }
28
-
29
- @-webkit-keyframes czi_cursor_blink {
30
- from {
31
- opacity: 1;
32
- }
33
- to {
34
- opacity: 0;
35
- }
36
- }
1
+ @import 'czi-vars.css';
2
+
3
+ .czi-cursor-placeholder {
4
+ display: inline-block;
5
+ position: relative;
6
+ vertical-align: text-bottom;
7
+ }
8
+
9
+ .czi-cursor-placeholder::after {
10
+ -webkit-animation-direction: alternate;
11
+ animation-direction: alternate;
12
+ -webkit-animation-duration: 0.5s;
13
+ animation-duration: 0.5s;
14
+ -webkit-animation-iteration-count: infinite;
15
+ animation-iteration-count: infinite;
16
+ -webkit-animation-name: czi_cursor_blink;
17
+ animation-name: czi_cursor_blink;
18
+ -webkit-animation-timing-function: ease-in-out;
19
+ animation-timing-function: ease-in-out;
20
+ background-color: var(--czi-selection-highlight-color-dark);
21
+ bottom: 0;
22
+ content: '';
23
+ height: 1.2em;
24
+ left: -1px;
25
+ position: absolute;
26
+ width: 3px;
27
+ }
28
+
29
+ @-webkit-keyframes czi_cursor_blink {
30
+ from {
31
+ opacity: 1;
32
+ }
33
+ to {
34
+ opacity: 0;
35
+ }
36
+ }
@@ -1,18 +1,18 @@
1
- .czi-custom-menu-button.expanded.expanded.expanded {
2
- border-bottom-left-radius: 0;
3
- border-bottom-right-radius: 0;
4
- border-color: transparent;
5
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
6
- }
7
-
8
- .czi-custom-menu-button.width-100 {
9
- width: 100px;
10
- }
11
-
12
- .czi-custom-menu-button.width-30 {
13
- width: 30px;
14
- }
15
-
16
- .czi-custom-menu-button.width-60 {
17
- width: 60px;
18
- }
1
+ .czi-custom-menu-button.expanded.expanded.expanded {
2
+ border-bottom-left-radius: 0;
3
+ border-bottom-right-radius: 0;
4
+ border-color: transparent;
5
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
6
+ }
7
+
8
+ .czi-custom-menu-button.width-100 {
9
+ width: 100px;
10
+ }
11
+
12
+ .czi-custom-menu-button.width-30 {
13
+ width: 30px;
14
+ }
15
+
16
+ .czi-custom-menu-button.width-60 {
17
+ width: 60px;
18
+ }
@@ -1,30 +1,30 @@
1
- .czi-custom-menu-item.czi-custom-button {
2
- border: none;
3
- border-radius: 0;
4
- display: block;
5
- margin: 0;
6
- padding-bottom: 8px;
7
- padding-left: 20px;
8
- padding-right: 20px;
9
- padding-top: 8px;
10
- }
11
-
12
- .czi-custom-menu-item.czi-custom-button:hover {
13
- background-color: var(--czi-button-hover-background-color);
14
- }
15
-
16
- /* [FS] IRAD-1044 2020-09-22
17
- To adjust the width of the custom style menu dropdown. */
18
-
19
- .custom-style-menu-item {
20
- width: 250px;
21
- }
22
-
23
- .czi-custom-menu-item-separator {
24
- background-color: var(--czi-button-hover-background-color);
25
- height: 1px;
26
- margin-bottom: 8px;
27
- margin-left: 0;
28
- margin-right: 0;
29
- margin-top: 8px;
30
- }
1
+ .czi-custom-menu-item.czi-custom-button {
2
+ border: none;
3
+ border-radius: 0;
4
+ display: block;
5
+ margin: 0;
6
+ padding-bottom: 8px;
7
+ padding-left: 20px;
8
+ padding-right: 20px;
9
+ padding-top: 8px;
10
+ }
11
+
12
+ .czi-custom-menu-item.czi-custom-button:hover {
13
+ background-color: var(--czi-button-hover-background-color);
14
+ }
15
+
16
+ /* [FS] IRAD-1044 2020-09-22
17
+ To adjust the width of the custom style menu dropdown. */
18
+
19
+ .custom-style-menu-item {
20
+ width: 250px;
21
+ }
22
+
23
+ .czi-custom-menu-item-separator {
24
+ background-color: var(--czi-button-hover-background-color);
25
+ height: 1px;
26
+ margin-bottom: 8px;
27
+ margin-left: 0;
28
+ margin-right: 0;
29
+ margin-top: 8px;
30
+ }
@@ -1,8 +1,8 @@
1
- .czi-custom-menu {
2
- background: #fff;
3
- box-shadow: var(--czi-overlay-shadow);
4
- font-family: var(--czi-font-family);
5
- font-size: var(--czi-font-size);
6
- max-height: 98vh;
7
- overflow: auto;
8
- }
1
+ .czi-custom-menu {
2
+ background: #fff;
3
+ box-shadow: var(--czi-overlay-shadow);
4
+ font-family: var(--czi-font-family);
5
+ font-size: var(--czi-font-size);
6
+ max-height: 98vh;
7
+ overflow: auto;
8
+ }
@@ -1,80 +1,80 @@
1
- /* <CustomRadioButton /> */
2
- @import './czi-vars.css';
3
-
4
- .czi-custom-radio-button {
5
- cursor: pointer;
6
- display: block;
7
- font-family: var(--czi-font-family);
8
- font-size: var(--czi-font-size);
9
- line-height: 25px;
10
- margin-bottom: 12px;
11
- margin-left: 0;
12
- margin-right: 12px;
13
- margin-top: 0;
14
- padding-top: 0;
15
- padding-right: 0;
16
- padding-bottom: 0;
17
- padding-left: 36px;
18
- position: relative;
19
- user-select: none;
20
- }
21
-
22
- .czi-custom-radio-button-input {
23
- height: 1px;
24
- left: 0;
25
- opacity: 0;
26
- pointer-events: none;
27
- position: absolute;
28
- top: 0;
29
- width: 1px;
30
- }
31
-
32
- .czi-custom-radio-button.inline {
33
- display: inline-block;
34
- margin-top: 0;
35
- margin-right: 12px;
36
- margin-bottom: 0;
37
- margin-left: 0;
38
- }
39
-
40
- .czi-custom-radio-button-icon {
41
- background-color: #eee;
42
- border-radius: 50%;
43
- height: 25px;
44
- left: 0;
45
- position: absolute;
46
- top: 0;
47
- width: 25px;
48
- }
49
-
50
- .czi-custom-radio-button-input:focus + .czi-custom-radio-button-icon,
51
- .czi-custom-radio-button:hover .czi-custom-radio-button-icon {
52
- background-color: #ccc;
53
- }
54
-
55
- .czi-custom-radio-button.checked .czi-custom-radio-button-icon {
56
- background-color: #3981e7;
57
- }
58
-
59
- .czi-custom-radio-button.checked .czi-custom-radio-button-icon::after {
60
- background: #fff;
61
- border-radius: 50%;
62
- content: '';
63
- height: 8px;
64
- left: 9px;
65
- position: absolute;
66
- top: 9px;
67
- width: 8px;
68
- }
69
-
70
- .czi-custom-radio-button.disabled,
71
- .czi-custom-radio-button.disabled:hover {
72
- color: #dedede;
73
- cursor: unset;
74
- pointer-events: none;
75
- }
76
-
77
- .czi-custom-radio-button-label {
78
- display: inline-block;
79
- vertical-align: middle;
80
- }
1
+ /* <CustomRadioButton /> */
2
+ @import './czi-vars.css';
3
+
4
+ .czi-custom-radio-button {
5
+ cursor: pointer;
6
+ display: block;
7
+ font-family: var(--czi-font-family);
8
+ font-size: var(--czi-font-size);
9
+ line-height: 25px;
10
+ margin-bottom: 12px;
11
+ margin-left: 0;
12
+ margin-right: 12px;
13
+ margin-top: 0;
14
+ padding-top: 0;
15
+ padding-right: 0;
16
+ padding-bottom: 0;
17
+ padding-left: 36px;
18
+ position: relative;
19
+ user-select: none;
20
+ }
21
+
22
+ .czi-custom-radio-button-input {
23
+ height: 1px;
24
+ left: 0;
25
+ opacity: 0;
26
+ pointer-events: none;
27
+ position: absolute;
28
+ top: 0;
29
+ width: 1px;
30
+ }
31
+
32
+ .czi-custom-radio-button.inline {
33
+ display: inline-block;
34
+ margin-top: 0;
35
+ margin-right: 12px;
36
+ margin-bottom: 0;
37
+ margin-left: 0;
38
+ }
39
+
40
+ .czi-custom-radio-button-icon {
41
+ background-color: #eee;
42
+ border-radius: 50%;
43
+ height: 25px;
44
+ left: 0;
45
+ position: absolute;
46
+ top: 0;
47
+ width: 25px;
48
+ }
49
+
50
+ .czi-custom-radio-button-input:focus + .czi-custom-radio-button-icon,
51
+ .czi-custom-radio-button:hover .czi-custom-radio-button-icon {
52
+ background-color: #ccc;
53
+ }
54
+
55
+ .czi-custom-radio-button.checked .czi-custom-radio-button-icon {
56
+ background-color: #3981e7;
57
+ }
58
+
59
+ .czi-custom-radio-button.checked .czi-custom-radio-button-icon::after {
60
+ background: #fff;
61
+ border-radius: 50%;
62
+ content: '';
63
+ height: 8px;
64
+ left: 9px;
65
+ position: absolute;
66
+ top: 9px;
67
+ width: 8px;
68
+ }
69
+
70
+ .czi-custom-radio-button.disabled,
71
+ .czi-custom-radio-button.disabled:hover {
72
+ color: #dedede;
73
+ cursor: unset;
74
+ pointer-events: none;
75
+ }
76
+
77
+ .czi-custom-radio-button-label {
78
+ display: inline-block;
79
+ vertical-align: middle;
80
+ }
@@ -1,21 +1,21 @@
1
- /* width */
2
- .czi-custom-scrollbar::-webkit-scrollbar {
3
- width: 10px;
4
- }
5
-
6
- /* Track */
7
- .czi-custom-scrollbar::-webkit-scrollbar-track {
8
- background: #fff;
9
- }
10
-
11
- /* Handle */
12
- .czi-custom-scrollbar::-webkit-scrollbar-thumb {
13
- background: #ccc;
14
- border-radius: 5px;
15
- box-shadow: inset 0 0 0 2px #fff;
16
- }
17
-
18
- /* Handle on hover */
19
- .czi-custom-scrollbar::-webkit-scrollbar-thumb:hover {
20
- background: #aaa;
21
- }
1
+ /* width */
2
+ .czi-custom-scrollbar::-webkit-scrollbar {
3
+ width: 10px;
4
+ }
5
+
6
+ /* Track */
7
+ .czi-custom-scrollbar::-webkit-scrollbar-track {
8
+ background: #fff;
9
+ }
10
+
11
+ /* Handle */
12
+ .czi-custom-scrollbar::-webkit-scrollbar-thumb {
13
+ background: #ccc;
14
+ border-radius: 5px;
15
+ box-shadow: inset 0 0 0 2px #fff;
16
+ }
17
+
18
+ /* Handle on hover */
19
+ .czi-custom-scrollbar::-webkit-scrollbar-thumb:hover {
20
+ background: #aaa;
21
+ }
@@ -1,81 +1,81 @@
1
- .czi-editor-frameset {
2
- position: relative;
3
- }
4
-
5
- .czi-editor-frame-main {
6
- position: relative;
7
- z-index: 0;
8
- }
9
-
10
- .czi-editor-frame-body {
11
- background-color: var(--czi-page-background-color);
12
- }
13
-
14
- .czi-editor-frameset.embedded .czi-editor-frame-body {
15
- background-color: unset;
16
- }
17
-
18
- .czi-editor-frame-body-scroll {
19
- box-sizing: border-box;
20
- padding-top: 20px;
21
- }
22
-
23
- .czi-editor-frameset.embedded .czi-editor-frame-body-scroll {
24
- padding-top: unset;
25
- }
26
-
27
- .czi-editor-frameset.with-fixed-layout .czi-editor-frame-main {
28
- display: flex;
29
- flex-direction: column;
30
- height: 100%;
31
- }
32
-
33
- .czi-editor-frame-head {
34
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.21);
35
- position: relative;
36
- z-index: 2;
37
- }
38
-
39
- .czi-editor-frameset.with-fixed-layout .czi-editor-frame-body {
40
- flex: 1;
41
- position: relative;
42
- z-index: 1;
43
- }
44
-
45
- .czi-editor-frameset.with-fixed-layout .czi-editor-frame-body-scroll {
46
- bottom: 0;
47
- left: 0;
48
- overflow: auto;
49
- position: absolute;
50
- right: 0;
51
- top: 0;
52
- }
53
-
54
- .czi-editor-frame-footer {
55
- display: flex;
56
- }
57
-
58
- @media only print {
59
- .czi-editor-frame-body {
60
- background-color: transparent;
61
- }
62
-
63
- .czi-editor-frameset.with-fixed-layout {
64
- height: auto !important;
65
- width: auto !important;
66
- }
67
-
68
- .czi-editor-frameset.with-fixed-layout .czi-editor-frameset {
69
- height: auto;
70
- }
71
-
72
- .czi-editor-frameset.with-fixed-layout .czi-editor-frame-body-scroll {
73
- position: relative;
74
- }
75
-
76
- .czi-editor-frameset.with-fixed-layout .czi-editor-frame-body {
77
- height: auto !important;
78
- max-height: 100% !important;
79
- overflow: visible;
80
- }
81
- }
1
+ .czi-editor-frameset {
2
+ position: relative;
3
+ }
4
+
5
+ .czi-editor-frame-main {
6
+ position: relative;
7
+ z-index: 0;
8
+ }
9
+
10
+ .czi-editor-frame-body {
11
+ background-color: var(--czi-page-background-color);
12
+ }
13
+
14
+ .czi-editor-frameset.embedded .czi-editor-frame-body {
15
+ background-color: unset;
16
+ }
17
+
18
+ .czi-editor-frame-body-scroll {
19
+ box-sizing: border-box;
20
+ padding-top: 20px;
21
+ }
22
+
23
+ .czi-editor-frameset.embedded .czi-editor-frame-body-scroll {
24
+ padding-top: unset;
25
+ }
26
+
27
+ .czi-editor-frameset.with-fixed-layout .czi-editor-frame-main {
28
+ display: flex;
29
+ flex-direction: column;
30
+ height: 100%;
31
+ }
32
+
33
+ .czi-editor-frame-head {
34
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.21);
35
+ position: relative;
36
+ z-index: 2;
37
+ }
38
+
39
+ .czi-editor-frameset.with-fixed-layout .czi-editor-frame-body {
40
+ flex: 1;
41
+ position: relative;
42
+ z-index: 1;
43
+ }
44
+
45
+ .czi-editor-frameset.with-fixed-layout .czi-editor-frame-body-scroll {
46
+ bottom: 0;
47
+ left: 0;
48
+ overflow: auto;
49
+ position: absolute;
50
+ right: 0;
51
+ top: 0;
52
+ }
53
+
54
+ .czi-editor-frame-footer {
55
+ display: flex;
56
+ }
57
+
58
+ @media only print {
59
+ .czi-editor-frame-body {
60
+ background-color: transparent;
61
+ }
62
+
63
+ .czi-editor-frameset.with-fixed-layout {
64
+ height: auto !important;
65
+ width: auto !important;
66
+ }
67
+
68
+ .czi-editor-frameset.with-fixed-layout .czi-editor-frameset {
69
+ height: auto;
70
+ }
71
+
72
+ .czi-editor-frameset.with-fixed-layout .czi-editor-frame-body-scroll {
73
+ position: relative;
74
+ }
75
+
76
+ .czi-editor-frameset.with-fixed-layout .czi-editor-frame-body {
77
+ height: auto !important;
78
+ max-height: 100% !important;
79
+ overflow: visible;
80
+ }
81
+ }