ehscan-react-table 0.0.19 → 0.0.20
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.module.css +17 -14
- package/package.json +1 -1
|
@@ -205,15 +205,27 @@ svg.removesearchsvg{
|
|
|
205
205
|
background: transparent;
|
|
206
206
|
border-radius: var(--ext-search-wrapper-padding, 4px);
|
|
207
207
|
height: var(--ext-search-wrapper-height, 25px);
|
|
208
|
+
--input-padding: 1px 5px 3px 0;
|
|
208
209
|
}
|
|
209
210
|
|
|
210
|
-
.searchwrapper:hover{
|
|
211
|
-
background: rgba(0,0,0,0.2);
|
|
212
|
-
}
|
|
213
211
|
|
|
214
212
|
.focused {
|
|
215
213
|
border: var(--ext-search-wrapper-focused-border, 1px dashed white);
|
|
216
214
|
color: white;
|
|
215
|
+
--input-padding: 1px 5px 3px 5px;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
input.headsearch {
|
|
219
|
+
border: none;
|
|
220
|
+
border-radius: 4px;
|
|
221
|
+
width: 98%;
|
|
222
|
+
padding: var(--input-padding);
|
|
223
|
+
box-sizing: border-box;
|
|
224
|
+
background-color: transparent;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
.searchwrapper:hover{
|
|
228
|
+
background: rgba(0,0,0,0.2);
|
|
217
229
|
}
|
|
218
230
|
|
|
219
231
|
svg {
|
|
@@ -241,15 +253,6 @@ svg {
|
|
|
241
253
|
color: var(--ext-table-cell-clr, lightslategrey);
|
|
242
254
|
}
|
|
243
255
|
|
|
244
|
-
input.headsearch {
|
|
245
|
-
border: none;
|
|
246
|
-
border-radius: 4px;
|
|
247
|
-
width: 98%;
|
|
248
|
-
padding: 1px 6px 3px 6px;
|
|
249
|
-
box-sizing: border-box;
|
|
250
|
-
background-color: transparent;
|
|
251
|
-
}
|
|
252
|
-
|
|
253
256
|
input.headsearch:hover {
|
|
254
257
|
border: none;
|
|
255
258
|
cursor: pointer;
|
|
@@ -332,14 +335,14 @@ input.headsearch:focus {
|
|
|
332
335
|
background-color: var(--ext-table-header-bkc-clr, darkgoldenrod);
|
|
333
336
|
color: var(--ext-table-header-clr, darkslategrey);
|
|
334
337
|
border-radius: 4px;
|
|
335
|
-
padding:
|
|
338
|
+
padding: 0 5px;
|
|
336
339
|
opacity: 0;
|
|
337
340
|
transition: opacity 0.3s ease, margin-top 0.3s ease;
|
|
338
341
|
}
|
|
339
342
|
|
|
340
343
|
.show {
|
|
341
344
|
opacity: 1;
|
|
342
|
-
margin-top: -
|
|
345
|
+
margin-top: -5px;
|
|
343
346
|
z-index: 999;
|
|
344
347
|
}
|
|
345
348
|
|