diff --git a/skins/elastic/styles/widgets/forms.less b/skins/elastic/styles/widgets/forms.less index 1e225c93a..328e422b6 100644 --- a/skins/elastic/styles/widgets/forms.less +++ b/skins/elastic/styles/widgets/forms.less @@ -45,6 +45,25 @@ html.ms .propform { } } + +.formcontainer { + display: flex; + flex-direction: column; + justify-content:flex-start; + overflow-y: hidden !important; + height: 100%; + + .formcontent { + overflow-x: hidden; + overflow-y: auto; + } + + .formbuttons { + padding: 0.5rem 1rem; + } +} + + .formcontent { padding: 1em; @@ -84,10 +103,6 @@ html.ms .propform { } } -.formbuttons { - padding: 0 1em 1em 1em; -} - /* Some common icons for "iconized inputs" */ .input-group-addon.icon { diff --git a/skins/elastic/templates/compose.html b/skins/elastic/templates/compose.html index 5a9c99451..5fdb6b4b4 100644 --- a/skins/elastic/templates/compose.html +++ b/skins/elastic/templates/compose.html @@ -101,8 +101,10 @@ + @@ -130,8 +132,8 @@ -
- +
+

@@ -204,6 +206,9 @@
+
+ +
diff --git a/skins/elastic/templates/contactedit.html b/skins/elastic/templates/contactedit.html index 9f44cb09d..75aebf992 100644 --- a/skins/elastic/templates/contactedit.html +++ b/skins/elastic/templates/contactedit.html @@ -9,7 +9,6 @@ -
@@ -17,7 +16,6 @@
-
diff --git a/skins/elastic/ui.js b/skins/elastic/ui.js index a1bb34988..fb1faedd4 100644 --- a/skins/elastic/ui.js +++ b/skins/elastic/ui.js @@ -244,6 +244,16 @@ function rcube_elastic_ui() var parent = $(this).parent('li'); $(parent.length ? parent : this).addClass('hidden-small'); }); + + // Assign .formcontainer class to the iframe body, when it + // contains .formcontent and .formbuttons. + if (is_framed) { + $('.formcontent').each(function() { + if ($(this).next('.formbuttons').length) { + $(this).parent().addClass('formcontainer'); + } + }); + } }; /**