@yuneta/gobj-ui 7.13.4 → 7.13.6

package/dist/gobj-ui.cjs.js

@@ -24842,7 +24842,7 @@ function field(logical, name, label, $control, help) {
 			[
 				"label",
 				{
-					class: "label is-small",
+					class: "label",
 					i18n: label
 				},
 				(0, i18next.t)(label)
@@ -24869,7 +24869,7 @@ function field(logical, name, label, $control, help) {
 }
 function text_input(name, value, placeholder, disabled) {
 	return ["input", el_attrs({
-		class: "input is-small",
+		class: "input",
 		type: "text",
 		"data-name": name,
 		value: value === void 0 || value === null ? "" : `${value}`,
@@ -24879,7 +24879,7 @@ function text_input(name, value, placeholder, disabled) {
 }
 function number_input(name, value) {
 	return ["input", {
-		class: "input is-small",
+		class: "input",
 		type: "number",
 		"data-name": name,
 		value: value === void 0 || value === null || value === "" ? "" : `${value}`
@@ -24898,7 +24898,7 @@ function select_input(name, value, options) {
 	});
 	return [
 		"div",
-		{ class: "select is-small is-fullwidth" },
+		{ class: "select is-fullwidth" },
 		[[
 			"select",
 			{ "data-name": name },
@@ -24910,7 +24910,7 @@ function textarea_input(name, value, rows, placeholder) {
 	return [
 		"textarea",
 		{
-			class: "textarea is-small",
+			class: "textarea",
 			"data-name": name,
 			rows: `${rows || 3}`,
 			placeholder: placeholder || ""
@@ -24951,7 +24951,7 @@ function flags_field(gobj, type, current) {
 			return [
 				"label",
 				el_attrs({
-					class: "SCHEMA_FLAG checkbox is-size-7 " + (flag.meaningful ? "" : "SCHEMA_FLAG_DIM has-text-grey-light"),
+					class: "SCHEMA_FLAG checkbox " + (flag.meaningful ? "" : "SCHEMA_FLAG_DIM has-text-grey-light"),
 					title: flag.desc ? (0, i18next.t)(flag.desc) : "",
 					"data-i18n-title": flag.desc || void 0
 				}),
@@ -24973,7 +24973,7 @@ function flags_field(gobj, type, current) {
 			[[
 				"p",
 				{
-					class: "SCHEMA_FLAG_GROUP_NAME is-size-7 has-text-weight-semibold has-text-grey",
+					class: "SCHEMA_FLAG_GROUP_NAME has-text-weight-semibold has-text-grey",
 					i18n: group.group
 				},
 				(0, i18next.t)(group.group)
@@ -25033,7 +25033,7 @@ function open_column_form(gobj, topic, col, prefill) {
 				[[
 					"label",
 					{
-						class: "label is-small",
+						class: "label",
 						i18n: "flags"
 					},
 					(0, i18next.t)("flags")
@@ -25046,7 +25046,7 @@ function open_column_form(gobj, topic, col, prefill) {
 					[
 						"label",
 						{
-							class: "label is-small",
+							class: "label",
 							i18n: "hook"
 						},
 						(0, i18next.t)("hook")
@@ -25173,7 +25173,7 @@ function open_topic_form(gobj, treedb, topic) {
 				{ class: "SCHEMA_TOPIC_FORM_SYSTEM field mb-3" },
 				[[
 					"label",
-					{ class: "checkbox is-size-7" },
+					{ class: "checkbox" },
 					[["input", el_attrs({
 						type: "checkbox",
 						"data-name": "system_topic",
@@ -25515,7 +25515,7 @@ function open_import(gobj, treedb) {
 			],
 			[
 				"label",
-				{ class: "SCHEMA_IMPORT_PRUNE checkbox is-size-7 mt-2" },
+				{ class: "SCHEMA_IMPORT_PRUNE checkbox mt-2" },
 				[["input", {
 					type: "checkbox",
 					class: "SCHEMA_IMPORT_PRUNE_BOX",

package/dist/gobj-ui.es.js

@@ -24829,7 +24829,7 @@ function field(logical, name, label, $control, help) {
 			[
 				"label",
 				{
-					class: "label is-small",
+					class: "label",
 					i18n: label
 				},
 				t(label)
@@ -24856,7 +24856,7 @@ function field(logical, name, label, $control, help) {
 }
 function text_input(name, value, placeholder, disabled) {
 	return ["input", el_attrs({
-		class: "input is-small",
+		class: "input",
 		type: "text",
 		"data-name": name,
 		value: value === void 0 || value === null ? "" : `${value}`,
@@ -24866,7 +24866,7 @@ function text_input(name, value, placeholder, disabled) {
 }
 function number_input(name, value) {
 	return ["input", {
-		class: "input is-small",
+		class: "input",
 		type: "number",
 		"data-name": name,
 		value: value === void 0 || value === null || value === "" ? "" : `${value}`
@@ -24885,7 +24885,7 @@ function select_input(name, value, options) {
 	});
 	return [
 		"div",
-		{ class: "select is-small is-fullwidth" },
+		{ class: "select is-fullwidth" },
 		[[
 			"select",
 			{ "data-name": name },
@@ -24897,7 +24897,7 @@ function textarea_input(name, value, rows, placeholder) {
 	return [
 		"textarea",
 		{
-			class: "textarea is-small",
+			class: "textarea",
 			"data-name": name,
 			rows: `${rows || 3}`,
 			placeholder: placeholder || ""
@@ -24938,7 +24938,7 @@ function flags_field(gobj, type, current) {
 			return [
 				"label",
 				el_attrs({
-					class: "SCHEMA_FLAG checkbox is-size-7 " + (flag.meaningful ? "" : "SCHEMA_FLAG_DIM has-text-grey-light"),
+					class: "SCHEMA_FLAG checkbox " + (flag.meaningful ? "" : "SCHEMA_FLAG_DIM has-text-grey-light"),
 					title: flag.desc ? t(flag.desc) : "",
 					"data-i18n-title": flag.desc || void 0
 				}),
@@ -24960,7 +24960,7 @@ function flags_field(gobj, type, current) {
 			[[
 				"p",
 				{
-					class: "SCHEMA_FLAG_GROUP_NAME is-size-7 has-text-weight-semibold has-text-grey",
+					class: "SCHEMA_FLAG_GROUP_NAME has-text-weight-semibold has-text-grey",
 					i18n: group.group
 				},
 				t(group.group)
@@ -25020,7 +25020,7 @@ function open_column_form(gobj, topic, col, prefill) {
 				[[
 					"label",
 					{
-						class: "label is-small",
+						class: "label",
 						i18n: "flags"
 					},
 					t("flags")
@@ -25033,7 +25033,7 @@ function open_column_form(gobj, topic, col, prefill) {
 					[
 						"label",
 						{
-							class: "label is-small",
+							class: "label",
 							i18n: "hook"
 						},
 						t("hook")
@@ -25160,7 +25160,7 @@ function open_topic_form(gobj, treedb, topic) {
 				{ class: "SCHEMA_TOPIC_FORM_SYSTEM field mb-3" },
 				[[
 					"label",
-					{ class: "checkbox is-size-7" },
+					{ class: "checkbox" },
 					[["input", el_attrs({
 						type: "checkbox",
 						"data-name": "system_topic",
@@ -25502,7 +25502,7 @@ function open_import(gobj, treedb) {
 			],
 			[
 				"label",
-				{ class: "SCHEMA_IMPORT_PRUNE checkbox is-size-7 mt-2" },
+				{ class: "SCHEMA_IMPORT_PRUNE checkbox mt-2" },
 				[["input", {
 					type: "checkbox",
 					class: "SCHEMA_IMPORT_PRUNE_BOX",

package/package.json

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

package/src/c_yui_schema_editor.css

@@ -72,6 +72,17 @@
     cursor: pointer;
 }
 
+/*  ...but they hold NAMES, and a treedb name is long. At the shell's 9rem
+ *  (144px) `treedb_yuneta_agent` broke into THREE lines inside its own
+ *  card, and at 12rem into two: the name shares its row with the icon and
+ *  the card's padding, so what it gets is some 60px less than the card.
+ *  14rem is what fits that name on one line. The shell default is left
+ *  alone -- it also serves grids of short labels, where this would be a
+ *  lot of air.  */
+.C_YUI_SCHEMA_EDITOR .yui-nav-cards {
+    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
+}
+
 /*  The flag grid: as many columns as fit, never fewer than one.  */
 .SCHEMA_FLAGS .SCHEMA_FLAG_LIST {
     display: grid;

package/src/c_yui_schema_editor.js

@@ -1480,7 +1480,7 @@ function open_dialog(gobj, $content, title, logical, title_prefix)
 function field(logical, name, label, $control, help)
 {
     return ["div", {class: `${logical} field mb-3`}, [
-        ["label", {class: "label is-small", i18n: label}, t(label)],
+        ["label", {class: "label", i18n: label}, t(label)],
         ["div", {class: "control"}, [$control]],
         help
             ? ["p", {class: "help", i18n: help}, t(help)]
@@ -1490,7 +1490,7 @@ function field(logical, name, label, $control, help)
 
 function text_input(name, value, placeholder, disabled)
 {
-    return ["input", el_attrs({class: "input is-small", type: "text",
+    return ["input", el_attrs({class: "input", type: "text",
                       "data-name": name,
                       value: value === undefined || value === null ? "" : `${value}`,
                       placeholder: placeholder || "",
@@ -1499,7 +1499,7 @@ function text_input(name, value, placeholder, disabled)
 
 function number_input(name, value)
 {
-    return ["input", {class: "input is-small", type: "number",
+    return ["input", {class: "input", type: "number",
                       "data-name": name,
                       value: (value === undefined || value === null || value === "")
                           ? "" : `${value}`}];
@@ -1513,14 +1513,14 @@ function select_input(name, value, options)
             `${option}`];
     });
 
-    return ["div", {class: "select is-small is-fullwidth"}, [
+    return ["div", {class: "select is-fullwidth"}, [
         ["select", {"data-name": name}, $options]
     ]];
 }
 
 function textarea_input(name, value, rows, placeholder)
 {
-    return ["textarea", {class: "textarea is-small", "data-name": name,
+    return ["textarea", {class: "textarea", "data-name": name,
                          rows: `${rows || 3}`,
                          placeholder: placeholder || ""},
         value === undefined || value === null ? "" : `${value}`];
@@ -1561,7 +1561,7 @@ function flags_field(gobj, type, current)
 
     for(let group of grouped_flags(type, current)) {
         let $boxes = group.flags.map((flag) => {
-            return ["label", el_attrs({class: "SCHEMA_FLAG checkbox is-size-7 " +
+            return ["label", el_attrs({class: "SCHEMA_FLAG checkbox " +
                                      (flag.meaningful ? "" : "SCHEMA_FLAG_DIM has-text-grey-light"),
                               title: flag.desc ? t(flag.desc) : "",
                               "data-i18n-title": flag.desc || undefined}), [
@@ -1573,7 +1573,7 @@ function flags_field(gobj, type, current)
         });
 
         $groups.push(["div", {class: "SCHEMA_FLAG_GROUP mb-2"}, [
-            ["p", {class: "SCHEMA_FLAG_GROUP_NAME is-size-7 has-text-weight-semibold has-text-grey",
+            ["p", {class: "SCHEMA_FLAG_GROUP_NAME has-text-weight-semibold has-text-grey",
                    i18n: group.group}, t(group.group)],
             ["div", {class: "SCHEMA_FLAG_LIST"}, $boxes]
         ]]);
@@ -1638,11 +1638,11 @@ function open_column_form(gobj, topic, col, prefill)
             field("SCHEMA_COL_FORM_FILLSPACE", "fillspace", "fillspace",
                 number_input("fillspace", record.fillspace)),
             ["div", {class: "SCHEMA_COL_FORM_FLAGS field mb-3"}, [
-                ["label", {class: "label is-small", i18n: "flags"}, t("flags")],
+                ["label", {class: "label", i18n: "flags"}, t("flags")],
                 flags_field(gobj, type, col_flags(record))
             ]],
             ["div", {class: "SCHEMA_COL_FORM_HOOK field mb-3"}, [
-                ["label", {class: "label is-small", i18n: "hook"}, t("hook")],
+                ["label", {class: "label", i18n: "hook"}, t("hook")],
                 ["div", {class: "is-flex", style: "gap:.4rem;"}, [
                     select_input("hook_topic", hook_topic, [""].concat(sibling_topics)),
                     text_input("hook_col", hook_col, t("the fkey column of the child"))
@@ -1763,7 +1763,7 @@ function open_topic_form(gobj, treedb, topic)
                     record.topic_version === undefined ? 1 : record.topic_version),
                 "raising it is what publishes a change of the columns"),
             ["div", {class: "SCHEMA_TOPIC_FORM_SYSTEM field mb-3"}, [
-                ["label", {class: "checkbox is-size-7"}, [
+                ["label", {class: "checkbox"}, [
                     ["input", el_attrs({type: "checkbox", "data-name": "system_topic",
                                checked: record.system_topic ? "checked" : undefined})],
                     ["span", {class: "ml-1", i18n: "system topic"}, t("system topic")]
@@ -1940,7 +1940,7 @@ function open_import(gobj, treedb)
             ["textarea", {class: "SCHEMA_IMPORT_TEXT textarea is-small is-family-monospace",
                           rows: "12", spellcheck: "false",
                           placeholder: '{"id": "...", "schema_version": "1", "topics": []}'}, ""],
-            ["label", {class: "SCHEMA_IMPORT_PRUNE checkbox is-size-7 mt-2"}, [
+            ["label", {class: "SCHEMA_IMPORT_PRUNE checkbox mt-2"}, [
                 ["input", {type: "checkbox", class: "SCHEMA_IMPORT_PRUNE_BOX", checked: "checked"}],
                 ["span", {class: "ml-1", i18n: "delete what the pasted schema does not declare"},
                     t("delete what the pasted schema does not declare")]