@yuneta/gobj-ui 7.2.0 → 7.2.2

package/dist/gobj-ui.cjs.js

@@ -16816,6 +16816,7 @@ function create_tabulator(gobj) {
 				break;
 			default: if (FILTERABLE.includes(field_desc.type)) colDef.headerFilter = "input";
 		}
+		if (colDef.headerFilter && colDef.headerFilter !== "tickCross") colDef.minWidth = 120;
 	}
 	for (let i = 0; i < desc.cols.length; i++) {
 		let col = desc.cols[i];
@@ -18883,8 +18884,8 @@ function make_toolbar(gobj) {
 	], [
 		"div",
 		{
-			class: "GRAPH_FIND_RESULT is-hidden is-flex is-align-items-center",
-			style: "gap:.3rem; margin-right:.5rem; font-size:.85rem;"
+			class: "GRAPH_FIND_RESULT is-hidden",
+			style: "display:flex; align-items:center; gap:.3rem; margin-right:.5rem; font-size:.85rem;"
 		},
 		[[
 			"span",

package/dist/gobj-ui.es.js

@@ -16811,6 +16811,7 @@ function create_tabulator(gobj) {
 				break;
 			default: if (FILTERABLE.includes(field_desc.type)) colDef.headerFilter = "input";
 		}
+		if (colDef.headerFilter && colDef.headerFilter !== "tickCross") colDef.minWidth = 120;
 	}
 	for (let i = 0; i < desc.cols.length; i++) {
 		let col = desc.cols[i];
@@ -18870,8 +18871,8 @@ function make_toolbar(gobj) {
 	], [
 		"div",
 		{
-			class: "GRAPH_FIND_RESULT is-hidden is-flex is-align-items-center",
-			style: "gap:.3rem; margin-right:.5rem; font-size:.85rem;"
+			class: "GRAPH_FIND_RESULT is-hidden",
+			style: "display:flex; align-items:center; gap:.3rem; margin-right:.5rem; font-size:.85rem;"
 		},
 		[[
 			"span",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuneta/gobj-ui",
-  "version": "7.2.0",
+  "version": "7.2.2",
   "type": "module",
   "main": "dist/gobj-ui.cjs.js",
   "module": "dist/gobj-ui.es.js",

package/src/c_yui_treedb_graph.js

@@ -543,8 +543,15 @@ function make_toolbar(gobj)
         /*  Two spans, not one string: the number is DATA and "matches" is
          *  the word, so a language switch re-translates the half that is a
          *  word. Spaced with CSS because createElement2 trims text nodes. */
-        ['div', {class: 'GRAPH_FIND_RESULT is-hidden is-flex is-align-items-center',
-                 style: 'gap:.3rem; margin-right:.5rem; font-size:.85rem;'}, [
+        /*  `display:flex` inline and NOT the `is-flex` helper: both Bulma
+         *  helpers carry !important, so `is-hidden is-flex` on one element
+         *  is decided by whichever lands later in the stylesheet — and the
+         *  count showed with an empty box. An inline rule loses to
+         *  `is-hidden`'s !important and applies the moment it is removed,
+         *  which is the toggle this needs. */
+        ['div', {class: 'GRAPH_FIND_RESULT is-hidden',
+                 style: 'display:flex; align-items:center; gap:.3rem; ' +
+                        'margin-right:.5rem; font-size:.85rem;'}, [
             ['span', {class: 'GRAPH_FIND_COUNT'}, ''],
             ['span', {i18n: 'matches'}, 'matches']
         ]]

package/src/c_yui_treedb_topic_with_form.js

@@ -860,6 +860,15 @@ function create_tabulator(gobj)
                 }
                 break;
         }
+
+        /*  A column carrying a text box needs room for the box. The table
+         *  lays out `fitDataFill`, which sizes a column to its DATA: a
+         *  `Role` column holding "root" came out narrower than its own
+         *  filter, whose placeholder was cut to "filtrar c". The tick of a
+         *  boolean is not a box and stays as narrow as it wants.  */
+        if(colDef.headerFilter && colDef.headerFilter !== "tickCross") {
+            colDef.minWidth = 120;
+        }
     }
 
     for (let i = 0; i < desc.cols.length; i++) {