diff --git a/pandora_console/include/functions_html.php b/pandora_console/include/functions_html.php index a3a46dbc52..bee6de0c11 100644 --- a/pandora_console/include/functions_html.php +++ b/pandora_console/include/functions_html.php @@ -774,6 +774,7 @@ function html_print_select( $order=false, $custom_id=null, $placeholder='', + $select2_container_class=false ) { $output = "\n"; @@ -1190,6 +1191,12 @@ function html_print_select( $output .= ''; } + if ($select2_container_class !== false) { + $output .= ''; + } + if ($return) { return $output; } @@ -6616,7 +6623,12 @@ function html_print_input($data, $wrapper='div', $input_only=false) false, true, true, - true + true, + '', + false, + null, + '', + 'select2-multiselect-widget-width select2-multiselect-text-wrap' ); $output .= ''; @@ -6684,7 +6696,12 @@ function html_print_input($data, $wrapper='div', $input_only=false) false, true, true, - true + true, + '', + false, + null, + '', + 'select2-multiselect-widget-width select2-multiselect-text-wrap' ); $output .= ''; diff --git a/pandora_console/include/styles/dashboards.css b/pandora_console/include/styles/dashboards.css index acbc96b28c..e94ce8f1d0 100644 --- a/pandora_console/include/styles/dashboards.css +++ b/pandora_console/include/styles/dashboards.css @@ -622,6 +622,7 @@ form.modal-dashboard .select2-selection__choice { margin: 0px; height: 100% !important; + box-sizing: border-box !important; } .container-tabs { @@ -1004,3 +1005,15 @@ input.resize_button { ul.select2-selection__rendered > li.select2-selection__choice { box-sizing: border-box !important; } + +.select2-container.select2-container--default.select2-container--open, +.select2-container.select2-container--default.select2-container--open + .select2-dropdown { + box-sizing: border-box !important; +} + +.select2-container.select2-container--default.select2-container--open + .select2-dropdown + .select2-results__option { + line-break: anywhere; +} diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css index 3bab3be494..8b62a5ecc6 100644 --- a/pandora_console/include/styles/pandora.css +++ b/pandora_console/include/styles/pandora.css @@ -14229,3 +14229,24 @@ button.ui-button-text-only.ui-widget.sub:hover, div.tox .tox-editor-header { z-index: 1; } + +.select2-multiselect-widget-width { + max-width: 230px !important; +} + +.select2-container--default.select2-multiselect-text-wrap + .select2-selection--multiple + .select2-selection__rendered { + box-sizing: border-box !important; + padding-right: 0px !important; +} + +.select2-multiselect-text-wrap .select2-selection__choice { + text-wrap: wrap; + line-break: anywhere; + line-height: normal; +} + +.select2-multiselect-text-wrap .select2-selection__choice__remove { + flex-basis: 0% !important; +}