[5.0] Update bootstrap modal layout - add modalCss optional parameter (…

…joomla#40650) * Update layouts bootstrap modal main.php Add an optional parameter 'modalCss' to $params array * Fixed code style * Update code style * Update layouts/libraries/html/bootstrap/modal/main.php Co-authored-by: Quy <[email protected]> --------- Co-authored-by: Quy <[email protected]> Co-authored-by: Robert Deutz <[email protected]>
softforge · Jul 26, 2023 · a8e363d · a8e363d
1 parent f8a6cf5
commit a8e363d
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/layouts/libraries/html/bootstrap/modal/main.php b/layouts/libraries/html/bootstrap/modal/main.php
@@ -32,6 +32,7 @@
  *                             - bodyHeight   int      Optional height of the modal body in viewport units (vh)
  *                             - modalWidth   int      Optional width of the modal in viewport units (vh)
  *                             - footer       string   Optional markup for the modal footer
+ *                             - modalCss     string   Optional CSS classes of the modal
  * @var   string  $body      Markup for the modal body. Appended after the <iframe> if the URL option is set
  */
 
@@ -42,10 +43,14 @@
 }
 
 $modalWidth       = isset($params['modalWidth']) ? round((int) $params['modalWidth'], -1) : '';
-$modalDialogClass = '';
+$modalDialogClass = 'modal-lg';
 
 if ($modalWidth && $modalWidth > 0 && $modalWidth <= 100) {
-    $modalDialogClass = ' jviewport-width' . $modalWidth;
+    $modalDialogClass .= ' jviewport-width' . $modalWidth;
+}
+
+if (!empty($params['modalCss'])) {
+    $modalDialogClass = $params['modalCss'];
 }
 
 $modalAttributes = [
@@ -67,7 +72,7 @@
 }
 ?>
 <div id="<?php echo $selector; ?>" role="dialog" <?php echo ArrayHelper::toString($modalAttributes); ?> <?php echo $url ?? ''; ?> <?php echo isset($url) ? 'data-iframe="' . trim($iframeHtml) . '"' : ''; ?>>
-    <div class="modal-dialog modal-lg<?php echo $modalDialogClass; ?>">
+    <div class="modal-dialog <?php echo $modalDialogClass; ?>">
         <div class="modal-content">
             <?php
                 // Header