@yuneta/gobj-ui 7.23.166 → 7.23.167

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yuneta/gobj-ui",
3
- "version": "7.23.166",
3
+ "version": "7.23.167",
4
4
  "type": "module",
5
5
  "main": "dist/gobj-ui.cjs.js",
6
6
  "module": "dist/gobj-ui.es.js",
@@ -93,3 +93,20 @@
93
93
  .FILE_FIELD .FILE_PREVIEW iframe.FILE_PREVIEW_MEDIA {
94
94
  min-height: 18rem;
95
95
  }
96
+
97
+ /*
98
+ * The row a file control sits in must be allowed to be NARROWER than the
99
+ * file's name. The name is one line cut with an ellipsis, but a flex item
100
+ * with `min-width: auto` -- Bulma's `.field-body` in a horizontal field,
101
+ * and the `.field` inside it -- measures its minimum with the WHOLE text,
102
+ * so a long name ("Chicago - "25 or 6 to 4" Historic Live...") widened the
103
+ * column past the form and the dialog grew a horizontal scroll. The audio
104
+ * preview, `width: 100%`, followed the column out. Measured the same in
105
+ * Firefox and Chromium: 674px where a text row is 473px.
106
+ *
107
+ * Only these rows: the other controls keep Bulma's sizing.
108
+ */
109
+ .field-body:has(.FILE_FIELD),
110
+ .field-body:has(.FILE_FIELD) > .field {
111
+ min-width: 0;
112
+ }