ehscan-react-table 0.0.18 → 0.0.19
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/dist/elements/Table.js
CHANGED
|
@@ -102,7 +102,7 @@ export const Table = ({ columns, rows, sortOrder, setSortOrder, cellComponents,
|
|
|
102
102
|
const { tag, search, title, width } = col;
|
|
103
103
|
const colTitle = title !== undefined ? title : tag;
|
|
104
104
|
const thWidth = width !== undefined ? `${width}px` : "30px";
|
|
105
|
-
return (_jsx("th", { style: { "--custom-width": thWidth }, children: _jsxs("div", { className: styles.headcolcell, children: [_jsx(HeadColSort, { tag: tag }), _jsx("div", { className: styles.headcolcellmain, children: search ? _jsx(HeadSearchBar, { content: colTitle, tag: tag }) : _jsx("div", { children: colTitle }) })] }) }));
|
|
105
|
+
return (_jsx("th", { style: { "--custom-width": thWidth }, children: _jsxs("div", { className: styles.headcolcell, children: [_jsx(HeadColSort, { tag: tag }), _jsx("div", { className: styles.headcolcellmain, children: search ? _jsx(HeadSearchBar, { content: colTitle, tag: tag }) : _jsx("div", { onClick: () => setOpenCol(tag), children: colTitle }) })] }) }));
|
|
106
106
|
};
|
|
107
107
|
const HeadCols = () => {
|
|
108
108
|
return (_jsxs(_Fragment, { children: [columns.map((col, i) => {
|
|
@@ -170,10 +170,12 @@ input.headsearch:focus {
|
|
|
170
170
|
|
|
171
171
|
input.headsearch {
|
|
172
172
|
color: var(--ext-tab-input-clr, white);
|
|
173
|
+
font-weight: var(--ext-tab-input-font-weight, 400);
|
|
173
174
|
}
|
|
174
175
|
|
|
175
176
|
input.headsearch::placeholder {
|
|
176
177
|
color: var(--ext-tab-input-clr, white);
|
|
178
|
+
font-weight: var(--ext-tab-input-font-weight, 400);
|
|
177
179
|
opacity: 1;
|
|
178
180
|
}
|
|
179
181
|
|
|
@@ -265,10 +267,13 @@ input.headsearch:focus {
|
|
|
265
267
|
}
|
|
266
268
|
|
|
267
269
|
.headcolcellmain{
|
|
270
|
+
color: var(--ext-tab-input-clr, white);
|
|
271
|
+
font-weight: var(--ext-tab-input-font-weight, 400);
|
|
272
|
+
line-height: 1.5;
|
|
268
273
|
flex: 1;
|
|
269
274
|
display: flex;
|
|
270
275
|
align-items: center;
|
|
271
|
-
justify-content:
|
|
276
|
+
justify-content: left;
|
|
272
277
|
}
|
|
273
278
|
|
|
274
279
|
.deftabletr > td, .trstickyhead > th {
|
|
@@ -312,6 +317,7 @@ input.headsearch:focus {
|
|
|
312
317
|
|
|
313
318
|
.headsearchwrapper {
|
|
314
319
|
position: relative;
|
|
320
|
+
width: 100%;
|
|
315
321
|
}
|
|
316
322
|
|
|
317
323
|
.sort-col {
|
|
@@ -322,7 +328,7 @@ input.headsearch:focus {
|
|
|
322
328
|
position: fixed;
|
|
323
329
|
margin-left: 6px;
|
|
324
330
|
margin-top: 0;
|
|
325
|
-
font-size: var(--ext-table-header-font-size,
|
|
331
|
+
font-size: var(--ext-table-header-font-size, 55%);
|
|
326
332
|
background-color: var(--ext-table-header-bkc-clr, darkgoldenrod);
|
|
327
333
|
color: var(--ext-table-header-clr, darkslategrey);
|
|
328
334
|
border-radius: 4px;
|
|
@@ -333,7 +339,7 @@ input.headsearch:focus {
|
|
|
333
339
|
|
|
334
340
|
.show {
|
|
335
341
|
opacity: 1;
|
|
336
|
-
margin-top: -
|
|
342
|
+
margin-top: -6px;
|
|
337
343
|
z-index: 999;
|
|
338
344
|
}
|
|
339
345
|
|