xhtml_style: make editors in bottom group use full height

product/ERP5/bootstrap/erp5_core/SkinTemplateItem/portal_skins/erp5_core/gadget_editor.css.css

@@ -2,3 +2,22 @@ div[data-gadget-url$="gadget_editor.html"] > textarea,
 div[data-gadget-url$="gadget_editor.html"] > pre code {
   font-family: "Courier New", Courier, monospace;
 }
+
+/*
+ * xhtml: make editors in bottom group use full height
+ */
+.main_form,
+.main_form .master,
+.main_form .master .document,
+.main_form .master .document .content,
+.main_form fieldset.bottom,
+.main_form fieldset.bottom > .field,
+.main_form fieldset.bottom > .field > .input,
+.main_form fieldset.bottom > .field > .input > div[data-gadget-url$="gadget_editor.html"],
+.main_form fieldset.bottom > .field > .input > div[data-gadget-url$="gadget_editor.html"] div[data-gadget-scope="editor"],
+.main_form fieldset.bottom > .field > .input > div[data-gadget-url$="gadget_editor.html"] iframe {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+}

product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/erp5.css.css

@@ -19,6 +19,10 @@ along with this program; if not, write to the Free Software
 Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
 */
 
+html, body {
+  height: 100%;
+}
+
 input, textarea, select, button, body, div, span, fieldset {
   font-family: <dtml-var font_family>;
   font-size: <dtml-var font_size>;
@@ -28,7 +32,7 @@ input, textarea, select, button, body, div, span, fieldset {
 
 iframe {
   width: 100%;
-  height: 50vh;
+  min-height: 50vh;
 }
 
 div.input > select, div.input > input, div.listbox select {