From c788d4b486d307dd02a8f21a355232865c9e9319 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mikel=20Mart=C3=ADn?= Date: Tue, 2 Nov 2021 15:32:19 +0100 Subject: [PATCH] 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. --- theme/boost/scss/moodle/reportbuilder.scss | 4 ++++ theme/boost/style/moodle.css | 6 +++++- theme/classic/style/moodle.css | 6 +++++- 3 files changed, 14 insertions(+), 2 deletions(-) diff --git a/theme/boost/scss/moodle/reportbuilder.scss b/theme/boost/scss/moodle/reportbuilder.scss index bad60046ceb..b013508e8e0 100644 --- 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 index 819407996c3..b6f2fa8e7e0 100644 --- 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 index a2727df5446..223cff6b069 100644 --- 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 {