dtable-ui-component 6.0.110-oot.33 → 6.0.110-oot.34
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.
|
@@ -9,7 +9,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
|
|
|
9
9
|
// Seahub select is based on seafile-ui.css, so use the following content to override the default react-select style
|
|
10
10
|
const DEFAULT_CONTROL_STYLE = {
|
|
11
11
|
fontSize: '14px',
|
|
12
|
-
padding: '0
|
|
12
|
+
padding: '0 1rem',
|
|
13
13
|
border: '1px solid var(--bs-border-color) !important',
|
|
14
14
|
boxShadow: 'none',
|
|
15
15
|
backgroundColor: 'var(--bs-popover-bg)',
|
|
@@ -18,7 +18,7 @@ const DEFAULT_CONTROL_STYLE = {
|
|
|
18
18
|
};
|
|
19
19
|
const FOCUS_CONTROL_STYLE = {
|
|
20
20
|
fontSize: '14px',
|
|
21
|
-
padding: '0
|
|
21
|
+
padding: '0 1rem',
|
|
22
22
|
border: '1px solid #3e84f7',
|
|
23
23
|
boxShadow: 'none',
|
|
24
24
|
backgroundColor: 'var(--bs-popover-bg)',
|
|
@@ -54,12 +54,13 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
|
|
|
54
54
|
// .react-select__menu / react-select-2-listbox
|
|
55
55
|
menu: base => {
|
|
56
56
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, base), {}, {
|
|
57
|
-
padding: '
|
|
57
|
+
padding: '8px',
|
|
58
58
|
backgroundColor: 'var(--bs-popover-bg)',
|
|
59
59
|
border: '1px solid var(--bs-border-secondary-color)',
|
|
60
60
|
borderRadius: '4px',
|
|
61
61
|
boxShadow: '0px 6px 14px rgba(0, 0, 0, 0.1)',
|
|
62
|
-
marginTop: '4px'
|
|
62
|
+
marginTop: '4px',
|
|
63
|
+
marginBottom: 0
|
|
63
64
|
});
|
|
64
65
|
},
|
|
65
66
|
// .react-select__menu-list)
|
|
@@ -77,7 +78,7 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
|
|
|
77
78
|
if (isActive || isVisited) {
|
|
78
79
|
bgColor = 'rgba(0, 0, 0, 0.06)';
|
|
79
80
|
} else if (isFocused) {
|
|
80
|
-
bgColor = '
|
|
81
|
+
bgColor = 'rgba(0, 0, 0, .04)';
|
|
81
82
|
} else {
|
|
82
83
|
bgColor = 'var(--bs-popover-bg)';
|
|
83
84
|
}
|
|
@@ -85,7 +86,7 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
|
|
|
85
86
|
color: 'var(--bs-body-color)',
|
|
86
87
|
borderRadius: '4px',
|
|
87
88
|
minHeight: '32px',
|
|
88
|
-
padding: '6px
|
|
89
|
+
padding: '6px 8px 6px 8px',
|
|
89
90
|
cursor: isDisabled ? 'default' : 'pointer',
|
|
90
91
|
backgroundColor: "".concat(bgColor, " !important")
|
|
91
92
|
});
|