d2coreui 21.0.15 → 21.0.17

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 (137) hide show
  1. package/components/clipboard/clipboardUtils.js.map +1 -1
  2. package/components/codemirror/SyntaxHighlighter.js.map +1 -1
  3. package/components/collapse/expandable.js.map +1 -1
  4. package/components/color/colorPicker.d.ts +1 -0
  5. package/components/color/colorPicker.js +1 -1
  6. package/components/color/colorPicker.js.map +1 -1
  7. package/components/color/colorSwatch.js.map +1 -1
  8. package/components/color/colorUtils.js.map +1 -1
  9. package/components/date/dateRangeInput.js +2 -2
  10. package/components/date/dateRangeInput.js.map +1 -1
  11. package/components/date/dateRangeInputAdvancedPanel.js.map +1 -1
  12. package/components/date/dateRangeInputConfirm.js.map +1 -1
  13. package/components/date/dateTimeInput.d.ts +2 -0
  14. package/components/date/dateTimeInput.js +10 -4
  15. package/components/date/dateTimeInput.js.map +1 -1
  16. package/components/date/durationInput.d.ts +7 -7
  17. package/components/date/durationInput.js +128 -75
  18. package/components/date/durationInput.js.map +1 -1
  19. package/components/form/NiceFormItem.d.ts +13 -0
  20. package/components/form/NiceFormItem.js +29 -0
  21. package/components/form/NiceFormItem.js.map +1 -0
  22. package/components/grid/cell/cellEditorUtils.js.map +1 -1
  23. package/components/grid/cell/customEnumCellEditor.js.map +1 -1
  24. package/components/grid/cell/dateCellEditor.js +1 -1
  25. package/components/grid/cell/dateCellEditor.js.map +1 -1
  26. package/components/grid/cell/durationCellEditor.js.map +1 -1
  27. package/components/grid/cell/hexaOctetStringCellEditor.js.map +1 -1
  28. package/components/grid/cell/hexaValueCellEditor.js.map +1 -1
  29. package/components/grid/cell/numberCellEditor.js.map +1 -1
  30. package/components/grid/cell/rangeSelector.js.map +1 -1
  31. package/components/grid/cell/simpleStatusTextCellEditor.js.map +1 -1
  32. package/components/grid/cell/statusTextCellEditor.js.map +1 -1
  33. package/components/grid/cell/tableDefaultRowStyleRules.js.map +1 -1
  34. package/components/grid/cell/textCellEditor.js +5 -1
  35. package/components/grid/cell/textCellEditor.js.map +1 -1
  36. package/components/grid/cell/wildcardQuickFilter.js.map +1 -1
  37. package/components/grid/columnUtils.js.map +1 -1
  38. package/components/grid/config/columnTransfer.js.map +1 -1
  39. package/components/grid/config/dataGridEditor.js.map +1 -1
  40. package/components/grid/config/rowStylePicker.js.map +1 -1
  41. package/components/grid/dataGrid.d.ts +3 -2
  42. package/components/grid/dataGrid.js +51 -54
  43. package/components/grid/dataGrid.js.map +1 -1
  44. package/components/grid/export/contextMenu.d.ts +2 -1
  45. package/components/grid/export/contextMenu.js +3 -3
  46. package/components/grid/export/contextMenu.js.map +1 -1
  47. package/components/grid/export/progressPopup.js.map +1 -1
  48. package/components/grid/export/worker/clipboardExport.js.map +1 -1
  49. package/components/grid/export/worker/csvExport.js.map +1 -1
  50. package/components/grid/export/worker/pdfExport.js.map +1 -1
  51. package/components/grid/export/worker/txtExport.js.map +1 -1
  52. package/components/grid/extendedDataGrid.d.ts +1 -0
  53. package/components/grid/extendedDataGrid.js +6 -2
  54. package/components/grid/extendedDataGrid.js.map +1 -1
  55. package/components/grid/filter/customColumnFilter.js.map +1 -1
  56. package/components/grid/filter/dateColumnFilter.js.map +1 -1
  57. package/components/grid/filter/textColumnFilter.js.map +1 -1
  58. package/components/grid/header/simpleHeader.js.map +1 -1
  59. package/components/grid/panel/dataGridPagination.d.ts +16 -0
  60. package/components/grid/panel/dataGridPagination.js +59 -0
  61. package/components/grid/panel/dataGridPagination.js.map +1 -0
  62. package/components/grid/panel/loadingOverlay.js.map +1 -1
  63. package/components/grid/panel/noRecordsOverlay.js.map +1 -1
  64. package/components/grid/panel/tablePagination.js.map +1 -1
  65. package/components/icons/ant-design-double-right-outline.svg +5 -5
  66. package/components/icons/ant-design_close-outline.svg +5 -5
  67. package/components/icons/undoIcon.js.map +1 -1
  68. package/components/input/autoCompleteInput.js.map +1 -1
  69. package/components/input/draftUtils.js.map +1 -1
  70. package/components/input/draftail.js.map +1 -1
  71. package/components/input/hexaFormattedInput.js.map +1 -1
  72. package/components/input/mask/helpers.js.map +1 -1
  73. package/components/input/mask/inputMaskCore.js.map +1 -1
  74. package/components/input/mask/pattern.js.map +1 -1
  75. package/components/input/maskedInput.d.ts +2 -2
  76. package/components/input/maskedInput.js.map +1 -1
  77. package/components/input/passwordInput.js.map +1 -1
  78. package/components/input/simpleAutoComplete.js.map +1 -1
  79. package/components/input/textarea/extractSpansOfClasses.js.map +1 -1
  80. package/components/input/textarea/getRanges.js.map +1 -1
  81. package/components/input/textarea/getType.js.map +1 -1
  82. package/components/input/textarea/highlighedContents.js.map +1 -1
  83. package/components/input/textarea/mentionsWithHighlighting.js +1 -1
  84. package/components/input/textarea/mentionsWithHighlighting.js.map +1 -1
  85. package/components/keyboard/keyboardUtils.js.map +1 -1
  86. package/components/modal/draggableModalProvider.js.map +1 -1
  87. package/components/modal/impl/clamp.js.map +1 -1
  88. package/components/modal/impl/draggableModal.js.map +1 -1
  89. package/components/modal/impl/draggableModalContext.js.map +1 -1
  90. package/components/modal/impl/draggableModalInner.js.map +1 -1
  91. package/components/modal/impl/draggableModalReducer.js.map +1 -1
  92. package/components/modal/impl/getWindowSize.js.map +1 -1
  93. package/components/modal/impl/index.js.map +1 -1
  94. package/components/modal/impl/resizeHandle.js.map +1 -1
  95. package/components/modal/impl/useDrag.js.map +1 -1
  96. package/components/modal/impl/usePrevious.js.map +1 -1
  97. package/components/modal/impl/useResize.js.map +1 -1
  98. package/components/modal/modalDialog.js.map +1 -1
  99. package/components/picker/enumValuePicker.js.map +1 -1
  100. package/components/platformSpecific.js.map +1 -1
  101. package/components/scrollTo/onlyText.js.map +1 -1
  102. package/components/scrollTo/scrollTo.js.map +1 -1
  103. package/components/table/dataTable.d.ts +1 -0
  104. package/components/table/dataTable.js.map +1 -1
  105. package/components/table/dragSortingTable.js.map +1 -1
  106. package/components/text/impl/innerSize.js.map +1 -1
  107. package/components/text/impl/series.js.map +1 -1
  108. package/components/text/impl/shallowEqual.js.map +1 -1
  109. package/components/text/impl/uniqueId.js.map +1 -1
  110. package/components/text/impl/whilst.js.map +1 -1
  111. package/components/text/textFit.js.map +1 -1
  112. package/i18n/components.cs.json +100 -0
  113. package/i18n/components.sk.json +5 -1
  114. package/i18n/componentsLocaleHolder.d.ts +1 -1
  115. package/i18n/componentsLocaleHolder.js +6 -4
  116. package/i18n/componentsLocaleHolder.js.map +1 -1
  117. package/package.json +70 -70
  118. package/style/ag-grid/_ag-theme-antd-vars.scss +194 -194
  119. package/style/ag-grid/ag-theme-antd.scss +87 -87
  120. package/style/ag-grid/aggrid-adaptations.css +42 -42
  121. package/style/ag-grid/aggrid.scss +11 -11
  122. package/style/antd/antd-tree-showline.css +24 -24
  123. package/style/antd/full-height-tabs.scss +62 -62
  124. package/style/draftail/draftail-editor.css +179 -179
  125. package/style/flexLayout/flexLayout.scss +130 -130
  126. package/style/flexLayout/flexLayoutBase.scss +623 -623
  127. package/style/flexLayout/new/flexLayoutBase.scss +621 -621
  128. package/style/form/niceFormItem.css +39 -0
  129. package/style/index.less +291 -291
  130. package/style/loading.css +31 -31
  131. package/style/modal/DraggableModal.css +40 -40
  132. package/style/modal/ResizeHandle.css +19 -19
  133. package/style/splitPane/splitPane.css +48 -48
  134. package/style/table/dragSortingTable.css +6 -6
  135. package/components/date/millisecondDatePicker.d.ts +0 -16
  136. package/components/date/millisecondDatePicker.js +0 -56
  137. package/components/date/millisecondDatePicker.js.map +0 -1
@@ -1,43 +1,43 @@
1
- .ag-header-cell .ag-react-container {
2
- display: -webkit-box;
3
- display: -ms-flexbox;
4
- display: flex;
5
- -webkit-box-pack: justify;
6
- -ms-flex-pack: justify;
7
- justify-content: space-between;
8
- -webkit-box-orient: horizontal;
9
- -webkit-box-direction: reverse;
10
- -ms-flex-direction: row-reverse;
11
- flex-direction: row-reverse;
12
- -webkit-box-align: center;
13
- -ms-flex-align: center;
14
- align-items: center;
15
- width: 100%;
16
- }
17
-
18
- .ag-theme-balham .ag-row-selected {
19
- background-color: #b7e4ff !important;
20
- }
21
-
22
- .ag-theme-balham .ag-cell {
23
- line-height: inherit;
24
- }
25
-
26
- /*!* enable basic browser text selection in grid cells *!*/
27
- /*div.ag-root .ag-cell-focus {*/
28
- /* -webkit-user-select: text;*/
29
- /* -moz-user-select: text;*/
30
- /* -ms-user-select: text;*/
31
- /* user-select: text;*/
32
- /*}*/
33
-
34
- .ag-theme-balham .ag-cell-archive-max {
35
- background-color: rgba(146, 222, 100, 0.5) !important; }
36
- .ag-theme-balham .ag-cell-archive-max-animation {
37
- background-color: transparent;
38
- transition: background-color 1s; }
39
- .ag-theme-balham .ag-cell-archive-min {
40
- background-color: rgba(255, 120, 117, 0.5) !important; }
41
- .ag-theme-balham .ag-cell-archive-min-animation {
42
- background-color: transparent;
1
+ .ag-header-cell .ag-react-container {
2
+ display: -webkit-box;
3
+ display: -ms-flexbox;
4
+ display: flex;
5
+ -webkit-box-pack: justify;
6
+ -ms-flex-pack: justify;
7
+ justify-content: space-between;
8
+ -webkit-box-orient: horizontal;
9
+ -webkit-box-direction: reverse;
10
+ -ms-flex-direction: row-reverse;
11
+ flex-direction: row-reverse;
12
+ -webkit-box-align: center;
13
+ -ms-flex-align: center;
14
+ align-items: center;
15
+ width: 100%;
16
+ }
17
+
18
+ .ag-theme-balham .ag-row-selected {
19
+ background-color: #b7e4ff !important;
20
+ }
21
+
22
+ .ag-theme-balham .ag-cell {
23
+ line-height: inherit;
24
+ }
25
+
26
+ /*!* enable basic browser text selection in grid cells *!*/
27
+ /*div.ag-root .ag-cell-focus {*/
28
+ /* -webkit-user-select: text;*/
29
+ /* -moz-user-select: text;*/
30
+ /* -ms-user-select: text;*/
31
+ /* user-select: text;*/
32
+ /*}*/
33
+
34
+ .ag-theme-balham .ag-cell-archive-max {
35
+ background-color: rgba(146, 222, 100, 0.5) !important; }
36
+ .ag-theme-balham .ag-cell-archive-max-animation {
37
+ background-color: transparent;
38
+ transition: background-color 1s; }
39
+ .ag-theme-balham .ag-cell-archive-min {
40
+ background-color: rgba(255, 120, 117, 0.5) !important; }
41
+ .ag-theme-balham .ag-cell-archive-min-animation {
42
+ background-color: transparent;
43
43
  transition: background-color 1s; }
@@ -1,12 +1,12 @@
1
- $ag-icons-path: '~ag-grid-community/src/styles/icons/';
2
- $ag-mat-icons-path: '~ag-grid-community/src/styles/materialicons/';
3
-
4
- $grid-size: 4px; // 8 by default
5
- $icon-size: 12px; // 18 by default
6
-
7
- // Change the primary / accent colors
8
- $ag-mat-primary: #1976d2;
9
- $ag-mat-accent: #fbc02d;
10
-
11
- @import '../../../../node_modules/ag-grid-community/src/styles/ag-grid';
1
+ $ag-icons-path: '~ag-grid-community/src/styles/icons/';
2
+ $ag-mat-icons-path: '~ag-grid-community/src/styles/materialicons/';
3
+
4
+ $grid-size: 4px; // 8 by default
5
+ $icon-size: 12px; // 18 by default
6
+
7
+ // Change the primary / accent colors
8
+ $ag-mat-primary: #1976d2;
9
+ $ag-mat-accent: #fbc02d;
10
+
11
+ @import '../../../../node_modules/ag-grid-community/src/styles/ag-grid';
12
12
  @import '../../../../node_modules/ag-grid-community/src/styles/ag-theme-material/sass/ag-theme-material';
@@ -1,25 +1,25 @@
1
- .ant-tree.ant-tree-show-line.hide-file-icon div span.ant-tree-switcher-noop {
2
- background: transparent;
3
- }
4
-
5
- .ant-tree.ant-tree-show-line.hide-file-icon div .ant-tree-switcher-noop > span:after {
6
- display: inline-block;
7
- width: 8px;
8
- height: 28px;
9
- content: " ";
10
- position: relative;
11
- left: 3px;
12
- top: 0px;
13
- background-image: linear-gradient(to bottom, #d9d9d9 1px, transparent 1px),
14
- linear-gradient(to right, #d9d9d9 1px, transparent 1px);
15
- background-size: 8px 28px, 8px 28px;
16
- background-position: 0 12px, 0 0;
17
- }
18
-
19
- .ant-tree.ant-tree-show-line.hide-file-icon div .ant-tree-switcher-noop > span > svg {
20
- display: none;
21
- }
22
-
23
- .hide-file-icon .ant-tree-node-content-wrapper {
24
- white-space: nowrap;
1
+ .ant-tree.ant-tree-show-line.hide-file-icon div span.ant-tree-switcher-noop {
2
+ background: transparent;
3
+ }
4
+
5
+ .ant-tree.ant-tree-show-line.hide-file-icon div .ant-tree-switcher-noop > span:after {
6
+ display: inline-block;
7
+ width: 8px;
8
+ height: 28px;
9
+ content: " ";
10
+ position: relative;
11
+ left: 3px;
12
+ top: 0px;
13
+ background-image: linear-gradient(to bottom, #d9d9d9 1px, transparent 1px),
14
+ linear-gradient(to right, #d9d9d9 1px, transparent 1px);
15
+ background-size: 8px 28px, 8px 28px;
16
+ background-position: 0 12px, 0 0;
17
+ }
18
+
19
+ .ant-tree.ant-tree-show-line.hide-file-icon div .ant-tree-switcher-noop > span > svg {
20
+ display: none;
21
+ }
22
+
23
+ .hide-file-icon .ant-tree-node-content-wrapper {
24
+ white-space: nowrap;
25
25
  }
@@ -1,63 +1,63 @@
1
- // source: https://github.com/mydraft-cc/ui/blob/3677cd30afdd4e0b39119fbebee2ddaea5468ef0/src/style/_common.scss
2
-
3
- @mixin flex {
4
- display: -webkit-box;
5
- display: -webkit-flex;
6
- display: -moz-flex;
7
- display: -ms-flexbox;
8
- display: flex;
9
- }
10
-
11
- //
12
- // Sidebars
13
- //
14
- .sidebar-left {
15
- overflow-x: auto;
16
- overflow-y: auto;
17
- }
18
-
19
- @mixin flex-flow($values: (row nowrap)) {
20
- -webkit-flex-flow: $values;
21
- -moz-flex-flow: $values;
22
- -ms-flex-flow: $values;
23
- flex-flow: $values;
24
- }
25
-
26
- @mixin flex-grow($value: 0) {
27
- -webkit-box-flex: $value;
28
- -webkit-flex-grow: $value;
29
- -moz-flex-grow: $value;
30
- -ms-flex-positive: $value;
31
- flex-grow: $value;
32
- }
33
-
34
- @mixin flex-shrink($value: 1) {
35
- -webkit-flex-shrink: $value;
36
- -moz-flex-shrink: $value;
37
- flex-shrink: $value;
38
- }
39
-
40
- @mixin flex-shrink-important($value: 0) {
41
- -webkit-flex-shrink: $value !important;
42
- -moz-flex-shrink: $value !important;
43
- flex-shrink: $value !important;
44
- }
45
-
46
- .full-height-tabs {
47
- & {
48
- @include flex;
49
- @include flex-flow(column);
50
- }
51
-
52
- .ant-layout-sider-children,
53
- .ant-tabs,
54
- .ant-tabs-content,
55
- .ant-tabs-tabpane,
56
- .ant-tabs-tabpane-active,
57
- .tab-panel {
58
- @include flex;
59
- @include flex-flow(column);
60
- @include flex-grow(1);
61
- min-height: 0;
62
- }
1
+ // source: https://github.com/mydraft-cc/ui/blob/3677cd30afdd4e0b39119fbebee2ddaea5468ef0/src/style/_common.scss
2
+
3
+ @mixin flex {
4
+ display: -webkit-box;
5
+ display: -webkit-flex;
6
+ display: -moz-flex;
7
+ display: -ms-flexbox;
8
+ display: flex;
9
+ }
10
+
11
+ //
12
+ // Sidebars
13
+ //
14
+ .sidebar-left {
15
+ overflow-x: auto;
16
+ overflow-y: auto;
17
+ }
18
+
19
+ @mixin flex-flow($values: (row nowrap)) {
20
+ -webkit-flex-flow: $values;
21
+ -moz-flex-flow: $values;
22
+ -ms-flex-flow: $values;
23
+ flex-flow: $values;
24
+ }
25
+
26
+ @mixin flex-grow($value: 0) {
27
+ -webkit-box-flex: $value;
28
+ -webkit-flex-grow: $value;
29
+ -moz-flex-grow: $value;
30
+ -ms-flex-positive: $value;
31
+ flex-grow: $value;
32
+ }
33
+
34
+ @mixin flex-shrink($value: 1) {
35
+ -webkit-flex-shrink: $value;
36
+ -moz-flex-shrink: $value;
37
+ flex-shrink: $value;
38
+ }
39
+
40
+ @mixin flex-shrink-important($value: 0) {
41
+ -webkit-flex-shrink: $value !important;
42
+ -moz-flex-shrink: $value !important;
43
+ flex-shrink: $value !important;
44
+ }
45
+
46
+ .full-height-tabs {
47
+ & {
48
+ @include flex;
49
+ @include flex-flow(column);
50
+ }
51
+
52
+ .ant-layout-sider-children,
53
+ .ant-tabs,
54
+ .ant-tabs-content,
55
+ .ant-tabs-tabpane,
56
+ .ant-tabs-tabpane-active,
57
+ .tab-panel {
58
+ @include flex;
59
+ @include flex-flow(column);
60
+ @include flex-grow(1);
61
+ min-height: 0;
62
+ }
63
63
  }
@@ -1,179 +1,179 @@
1
- .Draftail-Icon {
2
- fill: currentColor;
3
- pointer-events: none;
4
- vertical-align: middle;
5
- }
6
-
7
- .Draftail-Editor {
8
- overflow: hidden;
9
- /*background-color: #f5f5f5;*/
10
- /*border-top: 1px solid #ccc;*/
11
- /*border-radius: 5px;*/
12
- }
13
- .Draftail-Editor--hide-placeholder .public-DraftEditorPlaceholder-root {
14
- display: none;
15
- }
16
- .Draftail-Editor--readonly {
17
- pointer-events: none;
18
- }
19
- .Draftail-Editor--readonly .DraftEditor-editorContainer {
20
- opacity: 0.5;
21
- }
22
- .Draftail-Editor--readonly .DraftEditor-editorContainer::before {
23
- content: "";
24
- display: block;
25
- position: absolute;
26
- top: 0;
27
- left: 0;
28
- height: 100%;
29
- width: 100%;
30
- z-index: 3;
31
- }
32
- .Draftail-Editor .DraftEditor-root {
33
- color: rgba(0, 0, 0, 0.85);
34
- font-size: 14px;
35
- line-height: 1.5;
36
- /*font-family: sans-serif;*/
37
- -webkit-font-variant-ligatures: none;
38
- font-variant-ligatures: none;
39
- overflow: auto;
40
- }
41
- .Draftail-Editor .public-DraftEditor-content,
42
- .Draftail-Editor .public-DraftEditorPlaceholder-root {
43
- line-height: 14px;
44
- padding: 1px 4px;
45
- }
46
- .Draftail-Editor .public-DraftEditor-content > * > figure {
47
- margin: 0;
48
- }
49
- .Draftail-Editor .public-DraftEditorPlaceholder-inner {
50
- color: #525760;
51
- }
52
-
53
- .Draftail-block--unstyled,
54
- .Draftail-Editor .public-DraftEditorPlaceholder-inner {
55
- margin: 0.5rem 0;
56
- }
57
-
58
- .Draftail-Toolbar {
59
- position: relative;
60
- /*padding: 0.25rem;*/
61
- line-height: 1;
62
- border-radius: 0;
63
- border-bottom: 1px solid #ddd;
64
- }
65
- .Draftail-Editor--focus .Draftail-Toolbar {
66
- position: -webkit-sticky;
67
- position: sticky;
68
- top: 0;
69
- z-index: 4;
70
- }
71
-
72
- .Draftail-ToolbarGroup {
73
- display: inline-block;
74
- }
75
- .Draftail-ToolbarGroup + .Draftail-ToolbarGroup::before {
76
- content: "";
77
- display: inline-block;
78
- width: 1px;
79
- height: 1rem;
80
- vertical-align: middle;
81
- margin: 0 0.125rem;
82
- background-color: #c4c4c4;
83
- }
84
- .Draftail-Editor--readonly .Draftail-ToolbarGroup {
85
- opacity: 0.5;
86
- }
87
-
88
- .Draftail-ToolbarButton {
89
- -webkit-font-smoothing: antialiased;
90
- -moz-osx-font-smoothing: grayscale;
91
- display: inline-block;
92
- padding: 0.4rem;
93
- border-radius: 0;
94
- background: transparent;
95
- color: inherit;
96
- border: 1px solid transparent;
97
- font-size: 1rem;
98
- font-weight: 600;
99
- cursor: pointer;
100
- -webkit-user-select: none;
101
- -moz-user-select: none;
102
- -ms-user-select: none;
103
- user-select: none;
104
- }
105
- .Draftail-ToolbarButton--active {
106
- background-color: rgba(0, 0, 0, 0.1);
107
- border: 1px solid rgba(0, 0, 0, 0.2);
108
- }
109
- .Draftail-ToolbarButton__label {
110
- display: inline-block;
111
- vertical-align: middle;
112
- height: 1em;
113
- }
114
-
115
- button[data-draftail-balloon] {
116
- overflow: visible;
117
- }
118
-
119
- [data-draftail-balloon] {
120
- position: relative;
121
- cursor: pointer;
122
- }
123
- [data-draftail-balloon]::before, [data-draftail-balloon]::after {
124
- position: absolute;
125
- z-index: 5;
126
- opacity: 0;
127
- pointer-events: none;
128
- }
129
- [data-draftail-balloon]::before {
130
- content: "";
131
- }
132
- [data-draftail-balloon]::after {
133
- -webkit-font-smoothing: antialiased;
134
- -moz-osx-font-smoothing: grayscale;
135
- background: rgba(17, 17, 17, 0.9);
136
- border-radius: 4px;
137
- color: #fff;
138
- content: attr(aria-label);
139
- padding: 0.5em 1em;
140
- white-space: pre;
141
- font-size: 0.875em;
142
- }
143
- [data-draftail-balloon]:hover::before, [data-draftail-balloon]:hover::after {
144
- opacity: 1;
145
- transition: all 0.1s ease-out 1s;
146
- }
147
- [data-draftail-balloon]::after {
148
- left: 50%;
149
- margin-top: 7px;
150
- top: 100%;
151
- -webkit-transform: translate(-50%, -10px);
152
- transform: translate(-50%, -10px);
153
- }
154
- [data-draftail-balloon]::before {
155
- background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
156
- background-size: 100% auto;
157
- width: 18px;
158
- height: 6px;
159
- left: 50%;
160
- margin-top: 1px;
161
- top: 100%;
162
- -webkit-transform: translate(-50%, -10px);
163
- transform: translate(-50%, -10px);
164
- }
165
- [data-draftail-balloon]:hover::after {
166
- -webkit-transform: translate(-50%, 0);
167
- transform: translate(-50%, 0);
168
- }
169
- [data-draftail-balloon]:hover::before {
170
- -webkit-transform: translate(-50%, 0);
171
- transform: translate(-50%, 0);
172
- }
173
-
174
- .Draftail-DividerBlock {
175
- border: 0;
176
- background: #ddd;
177
- height: 1px;
178
- margin: 10px 0;
179
- }
1
+ .Draftail-Icon {
2
+ fill: currentColor;
3
+ pointer-events: none;
4
+ vertical-align: middle;
5
+ }
6
+
7
+ .Draftail-Editor {
8
+ overflow: hidden;
9
+ /*background-color: #f5f5f5;*/
10
+ /*border-top: 1px solid #ccc;*/
11
+ /*border-radius: 5px;*/
12
+ }
13
+ .Draftail-Editor--hide-placeholder .public-DraftEditorPlaceholder-root {
14
+ display: none;
15
+ }
16
+ .Draftail-Editor--readonly {
17
+ pointer-events: none;
18
+ }
19
+ .Draftail-Editor--readonly .DraftEditor-editorContainer {
20
+ opacity: 0.5;
21
+ }
22
+ .Draftail-Editor--readonly .DraftEditor-editorContainer::before {
23
+ content: "";
24
+ display: block;
25
+ position: absolute;
26
+ top: 0;
27
+ left: 0;
28
+ height: 100%;
29
+ width: 100%;
30
+ z-index: 3;
31
+ }
32
+ .Draftail-Editor .DraftEditor-root {
33
+ color: rgba(0, 0, 0, 0.85);
34
+ font-size: 14px;
35
+ line-height: 1.5;
36
+ /*font-family: sans-serif;*/
37
+ -webkit-font-variant-ligatures: none;
38
+ font-variant-ligatures: none;
39
+ overflow: auto;
40
+ }
41
+ .Draftail-Editor .public-DraftEditor-content,
42
+ .Draftail-Editor .public-DraftEditorPlaceholder-root {
43
+ line-height: 14px;
44
+ padding: 1px 4px;
45
+ }
46
+ .Draftail-Editor .public-DraftEditor-content > * > figure {
47
+ margin: 0;
48
+ }
49
+ .Draftail-Editor .public-DraftEditorPlaceholder-inner {
50
+ color: #525760;
51
+ }
52
+
53
+ .Draftail-block--unstyled,
54
+ .Draftail-Editor .public-DraftEditorPlaceholder-inner {
55
+ margin: 0.5rem 0;
56
+ }
57
+
58
+ .Draftail-Toolbar {
59
+ position: relative;
60
+ /*padding: 0.25rem;*/
61
+ line-height: 1;
62
+ border-radius: 0;
63
+ border-bottom: 1px solid #ddd;
64
+ }
65
+ .Draftail-Editor--focus .Draftail-Toolbar {
66
+ position: -webkit-sticky;
67
+ position: sticky;
68
+ top: 0;
69
+ z-index: 4;
70
+ }
71
+
72
+ .Draftail-ToolbarGroup {
73
+ display: inline-block;
74
+ }
75
+ .Draftail-ToolbarGroup + .Draftail-ToolbarGroup::before {
76
+ content: "";
77
+ display: inline-block;
78
+ width: 1px;
79
+ height: 1rem;
80
+ vertical-align: middle;
81
+ margin: 0 0.125rem;
82
+ background-color: #c4c4c4;
83
+ }
84
+ .Draftail-Editor--readonly .Draftail-ToolbarGroup {
85
+ opacity: 0.5;
86
+ }
87
+
88
+ .Draftail-ToolbarButton {
89
+ -webkit-font-smoothing: antialiased;
90
+ -moz-osx-font-smoothing: grayscale;
91
+ display: inline-block;
92
+ padding: 0.4rem;
93
+ border-radius: 0;
94
+ background: transparent;
95
+ color: inherit;
96
+ border: 1px solid transparent;
97
+ font-size: 1rem;
98
+ font-weight: 600;
99
+ cursor: pointer;
100
+ -webkit-user-select: none;
101
+ -moz-user-select: none;
102
+ -ms-user-select: none;
103
+ user-select: none;
104
+ }
105
+ .Draftail-ToolbarButton--active {
106
+ background-color: rgba(0, 0, 0, 0.1);
107
+ border: 1px solid rgba(0, 0, 0, 0.2);
108
+ }
109
+ .Draftail-ToolbarButton__label {
110
+ display: inline-block;
111
+ vertical-align: middle;
112
+ height: 1em;
113
+ }
114
+
115
+ button[data-draftail-balloon] {
116
+ overflow: visible;
117
+ }
118
+
119
+ [data-draftail-balloon] {
120
+ position: relative;
121
+ cursor: pointer;
122
+ }
123
+ [data-draftail-balloon]::before, [data-draftail-balloon]::after {
124
+ position: absolute;
125
+ z-index: 5;
126
+ opacity: 0;
127
+ pointer-events: none;
128
+ }
129
+ [data-draftail-balloon]::before {
130
+ content: "";
131
+ }
132
+ [data-draftail-balloon]::after {
133
+ -webkit-font-smoothing: antialiased;
134
+ -moz-osx-font-smoothing: grayscale;
135
+ background: rgba(17, 17, 17, 0.9);
136
+ border-radius: 4px;
137
+ color: #fff;
138
+ content: attr(aria-label);
139
+ padding: 0.5em 1em;
140
+ white-space: pre;
141
+ font-size: 0.875em;
142
+ }
143
+ [data-draftail-balloon]:hover::before, [data-draftail-balloon]:hover::after {
144
+ opacity: 1;
145
+ transition: all 0.1s ease-out 1s;
146
+ }
147
+ [data-draftail-balloon]::after {
148
+ left: 50%;
149
+ margin-top: 7px;
150
+ top: 100%;
151
+ -webkit-transform: translate(-50%, -10px);
152
+ transform: translate(-50%, -10px);
153
+ }
154
+ [data-draftail-balloon]::before {
155
+ background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
156
+ background-size: 100% auto;
157
+ width: 18px;
158
+ height: 6px;
159
+ left: 50%;
160
+ margin-top: 1px;
161
+ top: 100%;
162
+ -webkit-transform: translate(-50%, -10px);
163
+ transform: translate(-50%, -10px);
164
+ }
165
+ [data-draftail-balloon]:hover::after {
166
+ -webkit-transform: translate(-50%, 0);
167
+ transform: translate(-50%, 0);
168
+ }
169
+ [data-draftail-balloon]:hover::before {
170
+ -webkit-transform: translate(-50%, 0);
171
+ transform: translate(-50%, 0);
172
+ }
173
+
174
+ .Draftail-DividerBlock {
175
+ border: 0;
176
+ background: #ddd;
177
+ height: 1px;
178
+ margin: 10px 0;
179
+ }