dtable-ui-component 6.0.124-beta.p2 → 6.0.124-beta.p3
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.
- package/lib/AsyncUserSelect/index.css +5 -0
- package/lib/AsyncUserSelect/index.js +2 -2
- package/lib/DTableColorPicker/ColorPickerPortal/index.js +1 -1
- package/lib/DTableColorPicker/index.css +0 -3
- package/lib/DTableColorPicker/index.js +1 -1
- package/lib/DTableCommonAddTool/index.css +0 -2
- package/lib/DTableCustomFooter/index.css +0 -2
- package/lib/DTableFiltersPopover/index.css +0 -2
- package/lib/DTablePopover/index.js +1 -1
- package/lib/NotificationPopover/index.css +1 -6
- package/lib/NotificationPopover/index.js +1 -1
- package/lib/SelectOptionGroup/index.css +5 -3
- package/package.json +1 -1
|
@@ -12,6 +12,11 @@
|
|
|
12
12
|
.dtable-ui-user-select-popover .popover {
|
|
13
13
|
width: 385px;
|
|
14
14
|
max-width: 385px;
|
|
15
|
+
background: #fff;
|
|
16
|
+
border: 1px solid #eee;
|
|
17
|
+
border-radius: 4px;
|
|
18
|
+
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
|
|
19
|
+
margin-top: -4px;
|
|
15
20
|
}
|
|
16
21
|
|
|
17
22
|
.dtable-ui-user-select-container {
|
|
@@ -211,9 +211,9 @@ const AsyncUserSelect = _ref => {
|
|
|
211
211
|
target: selectorRef.current,
|
|
212
212
|
hideArrow: true,
|
|
213
213
|
fade: false,
|
|
214
|
-
className: "dtable-ui-user-select-popover
|
|
214
|
+
className: "dtable-ui-user-select-popover",
|
|
215
215
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
216
|
-
className: "dtable-ui-user-select-container
|
|
216
|
+
className: "dtable-ui-user-select-container",
|
|
217
217
|
ref: userSelectContainerRef,
|
|
218
218
|
onMouseDown: e => e.stopPropagation(),
|
|
219
219
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
@@ -72,7 +72,7 @@ function ColorPickerPortal(_ref) {
|
|
|
72
72
|
}, [target, scrollContainerId, throttleDelay, updatePosition]);
|
|
73
73
|
if (!target) return null;
|
|
74
74
|
return /*#__PURE__*/_reactDom.default.createPortal(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
75
|
-
className: "dtable-color-picker-portal",
|
|
75
|
+
className: "dtable-color-picker-portal dtable-popover-container",
|
|
76
76
|
style: {
|
|
77
77
|
position: 'fixed',
|
|
78
78
|
zIndex: '1049',
|
|
@@ -368,7 +368,7 @@ const DTableColorPicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
368
368
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
369
369
|
style: popoverStyle,
|
|
370
370
|
ref: colorPickerRef,
|
|
371
|
-
className: "dtable-color-picker",
|
|
371
|
+
className: "dtable-color-picker dtable-popover-container",
|
|
372
372
|
children: [renderDefaultContainer(), renderCustomContainer(), renderUsedContainer()]
|
|
373
373
|
})
|
|
374
374
|
});
|
|
@@ -70,7 +70,7 @@ class DTablePopover extends _react.default.Component {
|
|
|
70
70
|
fade: false,
|
|
71
71
|
hideArrow: hideArrow,
|
|
72
72
|
innerClassName: innerClassName,
|
|
73
|
-
className: "
|
|
73
|
+
className: "dtable-popove ".concat(popoverClassName),
|
|
74
74
|
modifiers: modifiers,
|
|
75
75
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
76
76
|
ref: ref => this.dtablePopoverRef = ref,
|
|
@@ -5,11 +5,9 @@
|
|
|
5
5
|
.notification-container {
|
|
6
6
|
position: absolute;
|
|
7
7
|
background: #fff;
|
|
8
|
-
width:
|
|
8
|
+
width: 320px;
|
|
9
9
|
right: -10px;
|
|
10
10
|
top: -1px;
|
|
11
|
-
border-radius: 8px;
|
|
12
|
-
box-shadow: 0 6px 14px rgba(0, 0, 0, .1);
|
|
13
11
|
}
|
|
14
12
|
|
|
15
13
|
.notification-container .notification-header {
|
|
@@ -17,7 +15,6 @@
|
|
|
17
15
|
align-items: center;
|
|
18
16
|
justify-content: center;
|
|
19
17
|
height: 50px;
|
|
20
|
-
border-bottom: 1px solid #eee;
|
|
21
18
|
font-size: 16px;
|
|
22
19
|
font-weight: 600;
|
|
23
20
|
position: relative;
|
|
@@ -162,8 +159,6 @@
|
|
|
162
159
|
.notification-body .notification-footer {
|
|
163
160
|
height: 40px;
|
|
164
161
|
background: #f9f9f9;
|
|
165
|
-
border-bottom-left-radius: 8px;
|
|
166
|
-
border-bottom-right-radius: 8px;
|
|
167
162
|
}
|
|
168
163
|
|
|
169
164
|
.notification-body .notification-footer:hover {
|
|
@@ -88,7 +88,7 @@ class NotificationPopover extends _react.default.Component {
|
|
|
88
88
|
children: this.props.children
|
|
89
89
|
})
|
|
90
90
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
91
|
-
className: "notification-footer",
|
|
91
|
+
className: "notification-footer dtable-popover-footer",
|
|
92
92
|
onClick: this.onNotificationDialogToggle,
|
|
93
93
|
children: footerText
|
|
94
94
|
})]
|
|
@@ -7,11 +7,13 @@
|
|
|
7
7
|
min-width: 100%;
|
|
8
8
|
max-width: 15rem;
|
|
9
9
|
padding: 0.5rem 0;
|
|
10
|
+
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1) !important;
|
|
10
11
|
background: #fff;
|
|
11
|
-
z-index: 10001;
|
|
12
12
|
border: 1px solid #eee !important;
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
border-radius: 4px !important;
|
|
14
|
+
z-index: 10001;
|
|
15
|
+
width: 100%;
|
|
16
|
+
margin-top: 4px !important;
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
.option-group .option-group-search {
|