@yuneta/gobj-ui 7.13.1 → 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 +13 -17
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yuneta/gobj-ui",
3
- "version": "7.13.1",
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,8 +245,13 @@
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 {
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 {
250
255
  /* A neutral translucent grey, NOT `--bulma-border`: that token does not
251
256
  * flip with the theme here -- it stays #dbdbdb, which is a hairline on
252
257
  * white and a bright line on near-black. 35% mid-grey reads as the same
@@ -256,23 +261,18 @@
256
261
  background-color: transparent;
257
262
  }
258
263
 
259
- .tabulator .tabulator-header .tabulator-header-filter input:focus,
260
- .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 {
261
266
  border-color: var(--bulma-link, #4a9eff);
262
267
  outline: none;
263
268
  }
264
269
 
265
- [data-theme=dark] .tabulator .tabulator-header .tabulator-header-filter input,
266
- [data-theme=dark] .tabulator .tabulator-header .tabulator-header-filter select {
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 {
267
272
  color: var(--bulma-text-strong, #f5f6f7);
268
273
  caret-color: var(--bulma-text-strong, #f5f6f7);
269
274
  }
270
275
 
271
- [data-theme=dark] .tabulator .tabulator-header .tabulator-header-filter input:focus,
272
- [data-theme=dark] .tabulator .tabulator-header .tabulator-header-filter select:focus {
273
- border-color: var(--bulma-link, #4a9eff);
274
- }
275
-
276
276
  [data-theme=dark] .tabulator-row.tabulator-selected {
277
277
  background-color: var(--bulma-link) !important;
278
278
  color: var(--bulma-link-invert) !important;
@@ -363,15 +363,11 @@
363
363
  color: var(--bulma-text-weak, #8a8f98);
364
364
  }
365
365
  /* same furniture-not-editor rule as [data-theme=dark] above */
366
- [data-theme=system] .tabulator .tabulator-header .tabulator-header-filter input,
367
- [data-theme=system] .tabulator .tabulator-header .tabulator-header-filter select {
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 {
368
368
  color: var(--bulma-text-strong, #f5f6f7);
369
369
  caret-color: var(--bulma-text-strong, #f5f6f7);
370
370
  }
371
- [data-theme=system] .tabulator .tabulator-header .tabulator-header-filter input:focus,
372
- [data-theme=system] .tabulator .tabulator-header .tabulator-header-filter select:focus {
373
- border-color: var(--bulma-link, #4a9eff);
374
- }
375
371
  [data-theme=system] .tabulator-row.tabulator-selected {
376
372
  background-color: var(--bulma-link) !important;
377
373
  color: var(--bulma-link-invert) !important;