@yuneta/gobj-ui 7.13.0 → 7.13.2

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/tabulator.css +18 -20
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yuneta/gobj-ui",
3
- "version": "7.13.0",
3
+ "version": "7.13.2",
4
4
  "type": "module",
5
5
  "main": "dist/gobj-ui.cjs.js",
6
6
  "module": "dist/gobj-ui.es.js",
package/src/tabulator.css CHANGED
@@ -245,31 +245,34 @@
245
245
  * wash of its own -- and only the FOCUSED one stands out, which is the one
246
246
  * you are typing in.
247
247
  * ==================================================================== */
248
- .tabulator .tabulator-header .tabulator-header-filter input,
249
- .tabulator .tabulator-header .tabulator-header-filter select {
250
- border: 1px solid var(--bulma-border-weak, #e8eaee);
248
+ /* `.tabulator-col` is in the selector to MATCH tabulator_bulma.css, which
249
+ * paints this border at `.tabulator .tabulator-header .tabulator-col
250
+ * .tabulator-header-filter input`. Without that one class the rule below
251
+ * loses the cascade by specificity and nothing here has any effect --
252
+ * which is exactly what happened the first time. */
253
+ .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input,
254
+ .tabulator .tabulator-header .tabulator-col .tabulator-header-filter select {
255
+ /* A neutral translucent grey, NOT `--bulma-border`: that token does not
256
+ * flip with the theme here -- it stays #dbdbdb, which is a hairline on
257
+ * white and a bright line on near-black. 35% mid-grey reads as the same
258
+ * quiet hairline over both, and needs no per-theme rule. */
259
+ border: 1px solid rgba(128, 128, 128, 0.35);
251
260
  border-radius: 3px;
252
261
  background-color: transparent;
253
262
  }
254
263
 
255
- .tabulator .tabulator-header .tabulator-header-filter input:focus,
256
- .tabulator .tabulator-header .tabulator-header-filter select:focus {
264
+ .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input:focus,
265
+ .tabulator .tabulator-header .tabulator-col .tabulator-header-filter select:focus {
257
266
  border-color: var(--bulma-link, #4a9eff);
258
267
  outline: none;
259
268
  }
260
269
 
261
- [data-theme=dark] .tabulator .tabulator-header .tabulator-header-filter input,
262
- [data-theme=dark] .tabulator .tabulator-header .tabulator-header-filter select {
263
- border-color: var(--bulma-border, #3a3f4a);
270
+ [data-theme=dark] .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input,
271
+ [data-theme=dark] .tabulator .tabulator-header .tabulator-col .tabulator-header-filter select {
264
272
  color: var(--bulma-text-strong, #f5f6f7);
265
273
  caret-color: var(--bulma-text-strong, #f5f6f7);
266
274
  }
267
275
 
268
- [data-theme=dark] .tabulator .tabulator-header .tabulator-header-filter input:focus,
269
- [data-theme=dark] .tabulator .tabulator-header .tabulator-header-filter select:focus {
270
- border-color: var(--bulma-link, #4a9eff);
271
- }
272
-
273
276
  [data-theme=dark] .tabulator-row.tabulator-selected {
274
277
  background-color: var(--bulma-link) !important;
275
278
  color: var(--bulma-link-invert) !important;
@@ -360,16 +363,11 @@
360
363
  color: var(--bulma-text-weak, #8a8f98);
361
364
  }
362
365
  /* same furniture-not-editor rule as [data-theme=dark] above */
363
- [data-theme=system] .tabulator .tabulator-header .tabulator-header-filter input,
364
- [data-theme=system] .tabulator .tabulator-header .tabulator-header-filter select {
365
- border-color: var(--bulma-border, #3a3f4a);
366
+ [data-theme=system] .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input,
367
+ [data-theme=system] .tabulator .tabulator-header .tabulator-col .tabulator-header-filter select {
366
368
  color: var(--bulma-text-strong, #f5f6f7);
367
369
  caret-color: var(--bulma-text-strong, #f5f6f7);
368
370
  }
369
- [data-theme=system] .tabulator .tabulator-header .tabulator-header-filter input:focus,
370
- [data-theme=system] .tabulator .tabulator-header .tabulator-header-filter select:focus {
371
- border-color: var(--bulma-link, #4a9eff);
372
- }
373
371
  [data-theme=system] .tabulator-row.tabulator-selected {
374
372
  background-color: var(--bulma-link) !important;
375
373
  color: var(--bulma-link-invert) !important;