@nokecy/qc-ui 1.0.56 → 1.0.58

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 (49) hide show
  1. package/README.md +23 -23
  2. package/dist/cjs/ConfirmPro/index.js +4 -4
  3. package/dist/cjs/ag-grid-plus/_utils/boolSelect.js +5 -5
  4. package/dist/cjs/ag-grid-plus/ag-grid-theme-builder.css +352 -352
  5. package/dist/cjs/ag-grid-plus/ag-gridPlus.js +2 -1
  6. package/dist/cjs/ag-grid-plus/index.less +37 -37
  7. package/dist/cjs/ag-grid-plus/interface.d.ts +4 -0
  8. package/dist/cjs/ag-grid-plus/queryForm/index.less +48 -48
  9. package/dist/cjs/ag-grid-plus/toolBar/index.js +4 -4
  10. package/dist/cjs/array-table/index.js +13 -5
  11. package/dist/cjs/dashboard/dashboard/components/toolbar/style/index.less +49 -49
  12. package/dist/cjs/dashboard/dashboard/index.less +173 -173
  13. package/dist/cjs/dashboard/dashboard/utils.js +4 -4
  14. package/dist/cjs/dashboard/utils.js +8 -8
  15. package/dist/cjs/dashboard/widget/index.less +7 -7
  16. package/dist/cjs/dashboard/widget/selector/index.less +172 -172
  17. package/dist/cjs/draggableModal/index.js +4 -4
  18. package/dist/cjs/draggableModal/style.less +16 -16
  19. package/dist/cjs/formDesigner/arrayTable/styles.less +2 -2
  20. package/dist/cjs/formDesigner/index.less +2 -2
  21. package/dist/cjs/fullScreenAlert/index.js +4 -4
  22. package/dist/cjs/fullScreenAlert/index.less +133 -133
  23. package/dist/cjs/importModal/index.js +4 -4
  24. package/dist/cjs/toolBar/index.less +25 -25
  25. package/dist/esm/ConfirmPro/index.js +4 -4
  26. package/dist/esm/ag-grid-plus/_utils/boolSelect.js +5 -5
  27. package/dist/esm/ag-grid-plus/ag-grid-theme-builder.css +352 -352
  28. package/dist/esm/ag-grid-plus/ag-gridPlus.js +2 -1
  29. package/dist/esm/ag-grid-plus/index.less +37 -37
  30. package/dist/esm/ag-grid-plus/interface.d.ts +4 -0
  31. package/dist/esm/ag-grid-plus/queryForm/index.less +48 -48
  32. package/dist/esm/ag-grid-plus/toolBar/index.js +4 -4
  33. package/dist/esm/array-table/index.js +13 -5
  34. package/dist/esm/dashboard/dashboard/components/toolbar/style/index.less +49 -49
  35. package/dist/esm/dashboard/dashboard/index.less +173 -173
  36. package/dist/esm/dashboard/dashboard/utils.js +4 -4
  37. package/dist/esm/dashboard/utils.js +8 -8
  38. package/dist/esm/dashboard/widget/index.less +7 -7
  39. package/dist/esm/dashboard/widget/selector/index.less +172 -172
  40. package/dist/esm/draggableModal/index.js +4 -4
  41. package/dist/esm/draggableModal/style.less +16 -16
  42. package/dist/esm/formDesigner/arrayTable/styles.less +2 -2
  43. package/dist/esm/formDesigner/index.less +2 -2
  44. package/dist/esm/fullScreenAlert/index.js +4 -4
  45. package/dist/esm/fullScreenAlert/index.less +133 -133
  46. package/dist/esm/importModal/index.js +4 -4
  47. package/dist/esm/toolBar/index.less +25 -25
  48. package/dist/umd/qc-ui.min.js +1 -1
  49. package/package.json +70 -70
@@ -111,8 +111,9 @@ function AgGridPlus(props) {
111
111
  _useState16 = _slicedToArray(_useState15, 2),
112
112
  sortColumn = _useState16[0],
113
113
  setSortColumn = _useState16[1];
114
+ // 初始化分页参数,支持外部传入的pageSize
114
115
  var _useState17 = (0, _react.useState)({
115
- pageSize: props.hidePagination ? 10000 : 200,
116
+ pageSize: props.pageSize !== undefined ? props.pageSize : props.hidePagination ? 10000 : 200,
116
117
  current: 1,
117
118
  total: dataSource ? dataSource.length : 0
118
119
  }),
@@ -1,37 +1,37 @@
1
- .grid-spin {
2
- height: 100%;
3
-
4
- .ant-spin-container {
5
- height: 100%;
6
- }
7
- }
8
-
9
- .ag-icon-filter:before {
10
- -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzIzNjg0NDAwMDY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQyODYgODg0LjU3MTQyOWMwIDIwLjIyODU3MSAxNi4yMjg1NzEgMzYuNTcxNDI5IDM2LjM0Mjg1NyAzNi41NzE0MjhoMjk5Ljg4NTcxNGMyMC4xMTQyODYgMCAzNi4zNDI4NTctMTYuMzQyODU3IDM2LjM0Mjg1Ny0zNi41NzE0MjhWNjYwLjU3MTQyOUgzMjUuNzE0Mjg2djIyNHogbTYwNi45NzE0MjgtNzgxLjcxNDI4Nkg5MS4zMTQyODZjLTI4IDAtNDUuNDg1NzE0IDMwLjUxNDI4Ni0zMS40Mjg1NzIgNTQuODU3MTQzbDI1Mi45MTQyODYgNDI5LjcxNDI4NWgzOTguNjI4NTcxbDI1Mi45MTQyODYtNDI5LjcxNDI4NWMxMy44Mjg1NzEtMjQuMzQyODU3LTMuNjU3MTQzLTU0Ljg1NzE0My0zMS42NTcxNDMtNTQuODU3MTQzeiIgcC1pZD0iMjQyOSIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==) !important;
11
-
12
- mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzIzNjg0NDAwMDY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQyODYgODg0LjU3MTQyOWMwIDIwLjIyODU3MSAxNi4yMjg1NzEgMzYuNTcxNDI5IDM2LjM0Mjg1NyAzNi41NzE0MjhoMjk5Ljg4NTcxNGMyMC4xMTQyODYgMCAzNi4zNDI4NTctMTYuMzQyODU3IDM2LjM0Mjg1Ny0zNi41NzE0MjhWNjYwLjU3MTQyOUgzMjUuNzE0Mjg2djIyNHogbTYwNi45NzE0MjgtNzgxLjcxNDI4Nkg5MS4zMTQyODZjLTI4IDAtNDUuNDg1NzE0IDMwLjUxNDI4Ni0zMS40Mjg1NzIgNTQuODU3MTQzbDI1Mi45MTQyODYgNDI5LjcxNDI4NWgzOTguNjI4NTcxbDI1Mi45MTQyODYtNDI5LjcxNDI4NWMxMy44Mjg1NzEtMjQuMzQyODU3LTMuNjU3MTQzLTU0Ljg1NzE0My0zMS42NTcxNDMtNTQuODU3MTQzeiIgcC1pZD0iMjQyOSIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==) !important;
13
-
14
- color: #8a8a8a;
15
- }
16
-
17
- .ag-row-group {
18
- display: flex;
19
- align-items: center;
20
- padding-left: 16px;
21
- }
22
-
23
- .jf-anticon {
24
- cursor: pointer;
25
- display: inline-block;
26
- box-sizing: border-box;
27
- margin-right: 16rpx;
28
- }
29
-
30
- .ag-root-wrapper-body .ag-center-cols-viewport .ag-center-cols-container .ag-checkbox .ag-checkbox-input-wrapper {
31
- width: 18px !important;
32
- height: 18px !important;
33
- }
34
- .ag-root-wrapper-body .ag-header-viewport .ag-checkbox .ag-checkbox-input-wrapper {
35
- width: 18px !important;
36
- height: 18px !important;
37
- }
1
+ .grid-spin {
2
+ height: 100%;
3
+
4
+ .ant-spin-container {
5
+ height: 100%;
6
+ }
7
+ }
8
+
9
+ .ag-icon-filter:before {
10
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzIzNjg0NDAwMDY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQyODYgODg0LjU3MTQyOWMwIDIwLjIyODU3MSAxNi4yMjg1NzEgMzYuNTcxNDI5IDM2LjM0Mjg1NyAzNi41NzE0MjhoMjk5Ljg4NTcxNGMyMC4xMTQyODYgMCAzNi4zNDI4NTctMTYuMzQyODU3IDM2LjM0Mjg1Ny0zNi41NzE0MjhWNjYwLjU3MTQyOUgzMjUuNzE0Mjg2djIyNHogbTYwNi45NzE0MjgtNzgxLjcxNDI4Nkg5MS4zMTQyODZjLTI4IDAtNDUuNDg1NzE0IDMwLjUxNDI4Ni0zMS40Mjg1NzIgNTQuODU3MTQzbDI1Mi45MTQyODYgNDI5LjcxNDI4NWgzOTguNjI4NTcxbDI1Mi45MTQyODYtNDI5LjcxNDI4NWMxMy44Mjg1NzEtMjQuMzQyODU3LTMuNjU3MTQzLTU0Ljg1NzE0My0zMS42NTcxNDMtNTQuODU3MTQzeiIgcC1pZD0iMjQyOSIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==) !important;
11
+
12
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzIzNjg0NDAwMDY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MjgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTMyNS43MTQyODYgODg0LjU3MTQyOWMwIDIwLjIyODU3MSAxNi4yMjg1NzEgMzYuNTcxNDI5IDM2LjM0Mjg1NyAzNi41NzE0MjhoMjk5Ljg4NTcxNGMyMC4xMTQyODYgMCAzNi4zNDI4NTctMTYuMzQyODU3IDM2LjM0Mjg1Ny0zNi41NzE0MjhWNjYwLjU3MTQyOUgzMjUuNzE0Mjg2djIyNHogbTYwNi45NzE0MjgtNzgxLjcxNDI4Nkg5MS4zMTQyODZjLTI4IDAtNDUuNDg1NzE0IDMwLjUxNDI4Ni0zMS40Mjg1NzIgNTQuODU3MTQzbDI1Mi45MTQyODYgNDI5LjcxNDI4NWgzOTguNjI4NTcxbDI1Mi45MTQyODYtNDI5LjcxNDI4NWMxMy44Mjg1NzEtMjQuMzQyODU3LTMuNjU3MTQzLTU0Ljg1NzE0My0zMS42NTcxNDMtNTQuODU3MTQzeiIgcC1pZD0iMjQyOSIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==) !important;
13
+
14
+ color: #8a8a8a;
15
+ }
16
+
17
+ .ag-row-group {
18
+ display: flex;
19
+ align-items: center;
20
+ padding-left: 16px;
21
+ }
22
+
23
+ .jf-anticon {
24
+ cursor: pointer;
25
+ display: inline-block;
26
+ box-sizing: border-box;
27
+ margin-right: 16rpx;
28
+ }
29
+
30
+ .ag-root-wrapper-body .ag-center-cols-viewport .ag-center-cols-container .ag-checkbox .ag-checkbox-input-wrapper {
31
+ width: 18px !important;
32
+ height: 18px !important;
33
+ }
34
+ .ag-root-wrapper-body .ag-header-viewport .ag-checkbox .ag-checkbox-input-wrapper {
35
+ width: 18px !important;
36
+ height: 18px !important;
37
+ }
@@ -43,6 +43,10 @@ interface GridProps extends AgGridReactProps {
43
43
  * 列表分页选择配置
44
44
  */
45
45
  pageSizeOptions?: number[];
46
+ /**
47
+ * 分页大小,支持外部传入,优先级高于pageSizeOptions的默认值
48
+ */
49
+ pageSize?: number;
46
50
  hidePagination?: boolean;
47
51
  gridRef?: React.Ref<GridRef | undefined>;
48
52
  /**
@@ -1,48 +1,48 @@
1
-
2
- @pro-table-search-prefix-cls: ~'ag-grid-table-search';
3
-
4
- @pro-table-form-prefix-cls: ~'ag-grid-table-form';
5
-
6
- .@{pro-table-search-prefix-cls} {
7
- margin-bottom: 8px;
8
- padding: 8px;
9
- // padding-bottom: 0;
10
- background-color: #fff;
11
-
12
- &.@{pro-table-form-prefix-cls} {
13
- margin: 0;
14
- padding: 0 16px;
15
- overflow: unset;
16
- }
17
-
18
- &-light {
19
- margin-bottom: 0;
20
- padding: 16px 0;
21
- }
22
-
23
- &-form-option {
24
- .ant-form-item {
25
- margin: 0;
26
- }
27
-
28
- .ant-form-item-label {
29
- opacity: 0;
30
- }
31
-
32
- .ant-form-item-control-input {
33
- justify-content: flex-start;
34
- }
35
- }
36
- }
37
-
38
- @media (max-width: 575px) {
39
- .@{pro-table-search-prefix-cls} {
40
- height: auto !important;
41
- padding-bottom: 24px;
42
-
43
- .ant-form-item-label {
44
- min-width: 80px;
45
- text-align: left;
46
- }
47
- }
48
- }
1
+
2
+ @pro-table-search-prefix-cls: ~'ag-grid-table-search';
3
+
4
+ @pro-table-form-prefix-cls: ~'ag-grid-table-form';
5
+
6
+ .@{pro-table-search-prefix-cls} {
7
+ margin-bottom: 8px;
8
+ padding: 8px;
9
+ // padding-bottom: 0;
10
+ background-color: #fff;
11
+
12
+ &.@{pro-table-form-prefix-cls} {
13
+ margin: 0;
14
+ padding: 0 16px;
15
+ overflow: unset;
16
+ }
17
+
18
+ &-light {
19
+ margin-bottom: 0;
20
+ padding: 16px 0;
21
+ }
22
+
23
+ &-form-option {
24
+ .ant-form-item {
25
+ margin: 0;
26
+ }
27
+
28
+ .ant-form-item-label {
29
+ opacity: 0;
30
+ }
31
+
32
+ .ant-form-item-control-input {
33
+ justify-content: flex-start;
34
+ }
35
+ }
36
+ }
37
+
38
+ @media (max-width: 575px) {
39
+ .@{pro-table-search-prefix-cls} {
40
+ height: auto !important;
41
+ padding-bottom: 24px;
42
+
43
+ .ant-form-item-label {
44
+ min-width: 80px;
45
+ text-align: left;
46
+ }
47
+ }
48
+ }
@@ -19,10 +19,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
19
19
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
20
20
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
21
21
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
22
- /**
23
- * 获取配置区域 DOM Item
24
- *
25
- * @param setting 配置项
22
+ /**
23
+ * 获取配置区域 DOM Item
24
+ *
25
+ * @param setting 配置项
26
26
  */
27
27
  function getSettingItem(setting) {
28
28
  if ( /*#__PURE__*/_react.default.isValidElement(setting)) {
@@ -71,7 +71,7 @@ var ArrayTable = (0, _react2.observer)(function (props) {
71
71
  });
72
72
  }, 10);
73
73
  }
74
- }, [gridPlusColumnState, apiRef.current, dataSource]);
74
+ }, [gridPlusColumnState, apiRef.current]);
75
75
 
76
76
  //@ts-ignore
77
77
  if (columns.length > 0) {
@@ -107,7 +107,9 @@ var ArrayTable = (0, _react2.observer)(function (props) {
107
107
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
108
108
  ref: ref,
109
109
  style: {
110
- height: height ? height : 400
110
+ height: height ? height : 400,
111
+ display: 'flex',
112
+ flexDirection: 'column'
111
113
  }
112
114
  }, /*#__PURE__*/_react.default.createElement(_arrayBase.default, {
113
115
  onAdd: onAdd,
@@ -120,7 +122,8 @@ var ArrayTable = (0, _react2.observer)(function (props) {
120
122
  width: '100%',
121
123
  display: 'flex',
122
124
  justifyContent: 'space-between',
123
- alignItems: 'center'
125
+ alignItems: 'center',
126
+ flexShrink: 0
124
127
  }
125
128
  }, /*#__PURE__*/_react.default.createElement(_antd.Space, {
126
129
  style: {
@@ -149,7 +152,12 @@ var ArrayTable = (0, _react2.observer)(function (props) {
149
152
  gridApiState: gridApiState,
150
153
  type: 'formArrayTable',
151
154
  onSaveColumnState: onColumnStateChanged
152
- })), /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, {
155
+ })), /*#__PURE__*/_react.default.createElement("div", {
156
+ style: {
157
+ flex: 1,
158
+ minHeight: 0
159
+ }
160
+ }, /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, {
153
161
  onGridReady: function onGridReady(params) {
154
162
  params.api.hidePopupMenu();
155
163
  apiRef.current = params.api;
@@ -208,7 +216,7 @@ var ArrayTable = (0, _react2.observer)(function (props) {
208
216
  pagination: false,
209
217
  columnDefs: columns,
210
218
  rowData: dataSource
211
- }), sources.map(function (column, key) {
219
+ })), sources.map(function (column, key) {
212
220
  //专门用来承接对Column的状态管理
213
221
  if (!(0, _utils.isColumnComponent)(column.schema)) return;
214
222
  return /*#__PURE__*/_react.default.createElement(_react2.RecursionField, {
@@ -1,49 +1,49 @@
1
- .react-dashboard-toolbar {
2
- display: flex;
3
- align-items: center;
4
- justify-content: space-between;
5
- // width: 100%;
6
- padding: 0 10px;
7
- padding-bottom: 10px;
8
- // background: var(--component-background);
9
-
10
- &:after {
11
- display: block;
12
- clear: both;
13
- content: '';
14
- }
15
-
16
- &-left {
17
- float: left;
18
-
19
- button {
20
- margin-right: 10px;
21
- }
22
- }
23
-
24
- &-right {
25
- float: right;
26
-
27
- button {
28
- margin-left: 10px;
29
- }
30
- }
31
-
32
- &-space {
33
- flex: auto;
34
- height: 1px;
35
- margin: 0 !important;
36
- padding: 0 !important;
37
- border: 0 !important;
38
- -webkit-box-flex: 1;
39
- }
40
-
41
- &-fixed {
42
- position: fixed;
43
- right: 0;
44
- bottom: 0;
45
- z-index: 9;
46
- border-top: 1px solid rgba(128, 128, 128, 0.1);
47
- box-shadow: 0 -1px 2px rgba(128, 128, 128, 0.03);
48
- }
49
- }
1
+ .react-dashboard-toolbar {
2
+ display: flex;
3
+ align-items: center;
4
+ justify-content: space-between;
5
+ // width: 100%;
6
+ padding: 0 10px;
7
+ padding-bottom: 10px;
8
+ // background: var(--component-background);
9
+
10
+ &:after {
11
+ display: block;
12
+ clear: both;
13
+ content: '';
14
+ }
15
+
16
+ &-left {
17
+ float: left;
18
+
19
+ button {
20
+ margin-right: 10px;
21
+ }
22
+ }
23
+
24
+ &-right {
25
+ float: right;
26
+
27
+ button {
28
+ margin-left: 10px;
29
+ }
30
+ }
31
+
32
+ &-space {
33
+ flex: auto;
34
+ height: 1px;
35
+ margin: 0 !important;
36
+ padding: 0 !important;
37
+ border: 0 !important;
38
+ -webkit-box-flex: 1;
39
+ }
40
+
41
+ &-fixed {
42
+ position: fixed;
43
+ right: 0;
44
+ bottom: 0;
45
+ z-index: 9;
46
+ border-top: 1px solid rgba(128, 128, 128, 0.1);
47
+ box-shadow: 0 -1px 2px rgba(128, 128, 128, 0.03);
48
+ }
49
+ }