MDL-72980 reportbuilder: Fix inputs overflows outside filters container

Select inputs with long select options overflows outside the filters container. Fix this behaviour avoiding it in SCSS.
moodle · Nov 2, 2021 · c788d4b · c788d4b
1 parent 8af7bec
commit c788d4b
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/theme/boost/scss/moodle/reportbuilder.scss b/theme/boost/scss/moodle/reportbuilder.scss
@@ -28,6 +28,10 @@
             }
             .form-group {
                 margin-bottom: 0;
+                max-width: 100%;
+                > span {
+                    max-width: 100%;
+                }
             }
         }
         .filter {

diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
@@ -20613,7 +20613,11 @@ div.editor_atto_toolbar button .icon {
 
 .reportbuilder-wrapper .reportbuilder-filters-wrapper .mform .form-group,
 .reportbuilder-wrapper .reportbuilder-conditions-list .mform .form-group {
-  margin-bottom: 0; }
+  margin-bottom: 0;
+  max-width: 100%; }
+  .reportbuilder-wrapper .reportbuilder-filters-wrapper .mform .form-group > span,
+  .reportbuilder-wrapper .reportbuilder-conditions-list .mform .form-group > span {
+    max-width: 100%; }
 
 .reportbuilder-wrapper .reportbuilder-filters-wrapper .filter .filter-header,
 .reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header {

diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
@@ -20559,7 +20559,11 @@ div.editor_atto_toolbar button .icon {
 
 .reportbuilder-wrapper .reportbuilder-filters-wrapper .mform .form-group,
 .reportbuilder-wrapper .reportbuilder-conditions-list .mform .form-group {
-  margin-bottom: 0; }
+  margin-bottom: 0;
+  max-width: 100%; }
+  .reportbuilder-wrapper .reportbuilder-filters-wrapper .mform .form-group > span,
+  .reportbuilder-wrapper .reportbuilder-conditions-list .mform .form-group > span {
+    max-width: 100%; }
 
 .reportbuilder-wrapper .reportbuilder-filters-wrapper .filter .filter-header,
 .reportbuilder-wrapper .reportbuilder-conditions-list .filter .filter-header {