Changeset 3493465

Timestamp:

03/28/2026 04:46:36 PM (22 hours ago)

Author:

whiteshadow

Message:

Minor: Add a utility class for setting some flex-basis for control group children

Location:

admin-menu-editor/trunk/customizables/assets

Files:

• tabbed-panels.css (modified) (1 diff)
• tabbed-panels.css.map (modified) (1 diff)
• tabbed-panels.scss (modified) (1 diff)

admin-menu-editor/trunk/customizables/assets/tabbed-panels.css

@@ -121 +121 @@
 }
 
+.ame-tp-control-group-medium .ame-tp-control-group-children {
+  flex-basis: 15rem;
+}
+
 /*# sourceMappingURL=tabbed-panels.css.map */

admin-menu-editor/trunk/customizables/assets/tabbed-panels.css.map

@@ -1 @@
-{"version":3,"sourceRoot":"","sources":["tabbed-panels.scss"],"names":[],"mappings":"AAOA;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACC;;AAMA;EACC;;AAEA;EACC;EACA;EACA;EACA;;AAKH;EACC;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC;;AAEA;EAGC;EACA;EACA;EAEA;EACA;EAEA;;AAGD;EACC;EAEA;EACA;;AAGD;EACC;;AAGA;EACC;;AAGD;EACC;;AAIF;EACC;;AAKA;EACC;EAEA;EACA;EACA;EACA;EAEA;EACA;AAGA;AAAA;AAAA;AAAA;;;AAUF;EACC;;AAGD;EACC;;AAMA;EACC;;;AAQF;EACC;;AAGD;EACC;EACA;EAKA;;AAGD;EACC;EACA;EACA;EAGA,eA/JyB;;AAkK1B;EACC;EACA;AAEA;AAAA;AAAA;AAAA;;AAAA;AAAA;EAOA;EACA","file":"tabbed-panels.css"}
+{"version":3,"sourceRoot":"","sources":["tabbed-panels.scss"],"names":[],"mappings":"AAOA;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACC;;AAMA;EACC;;AAEA;EACC;EACA;EACA;EACA;;AAKH;EACC;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC;;AAEA;EAGC;EACA;EACA;EAEA;EACA;EAEA;;AAGD;EACC;EAEA;EACA;;AAGD;EACC;;AAGA;EACC;;AAGD;EACC;;AAIF;EACC;;AAKA;EACC;EAEA;EACA;EACA;EACA;EAEA;EACA;AAGA;AAAA;AAAA;AAAA;;;AAUF;EACC;;AAGD;EACC;;AAMA;EACC;;;AAQF;EACC;;AAGD;EACC;EACA;EAKA;;AAGD;EACC;EACA;EACA;EAGA,eA/JyB;;AAkK1B;EACC;EACA;AAEA;AAAA;AAAA;AAAA;;AAAA;AAAA;EAOA;EACA;;;AAcD;EACC","file":"tabbed-panels.css"}

admin-menu-editor/trunk/customizables/assets/tabbed-panels.scss

@@ -181 +181 @@
     }
 }
+
+
+//Utility class for control groups that gives their content some explicit flex-basis. Helps prevent
+//groups with long inline text from immediately wrapping to the next row. Instead, the text will wrap
+//within the children container. The children container can still wrap if the parent gets narrow enough.
+//
+//Another option would be to use `flex-basis: min-content`, but then the inline text (and other child
+//content) can get really crushed in narrow containers because .ame-tp-control-group-children won't
+//wrap to the next row unless absolutely necessary. Using a fixed flex-basis is less elegant, but
+//it results in a more controllable layout.
+.ame-tp-control-group-medium {
+    .ame-tp-control-group-children {
+        flex-basis: 15rem;
+    }
+}