fix #963 Add a new Dialog size FULL

Author: vegegoku

domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/AbstractDialog.java

@@ -120,7 +120,7 @@ public AbstractDialog() {
             .appendChild(
                 modalElement =
                     div()
-                        .addCss(dui_modal)
+                        .addCss(dui_dialog)
                         .appendChild(
                             contentElement =
                                 div()

domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/DialogSize.java

@@ -16,6 +16,8 @@
 package org.dominokit.domino.ui.dialogs;
 
 import static org.dominokit.domino.ui.style.GenericCss.*;
+import static org.dominokit.domino.ui.style.SpacingCss.dui_h_full;
+import static org.dominokit.domino.ui.style.SpacingCss.dui_w_full;
 
 import org.dominokit.domino.ui.style.CssClass;
 
@@ -49,7 +51,10 @@ public enum DialogSize implements IsDialogSize {
   LARGE(dui_w_large, dui_h_large),
 
   /** Very large dialog size. */
-  VERY_LARGE(dui_w_xlarge, dui_h_xlarge);
+  VERY_LARGE(dui_w_xlarge, dui_h_xlarge),
+
+  /** Fill the entire screen. */
+  FULL(dui_w_full, dui_h_full);
 
   private CssClass widthStyle;
   private CssClass heightStyle;

domino-ui/src/main/java/org/dominokit/domino/ui/dialogs/DialogStyles.java

@@ -23,7 +23,7 @@
 public interface DialogStyles {
 
   /** Constant <code>dui_modal</code> */
-  CssClass dui_modal = () -> "dui-dialog";
+  CssClass dui_dialog = () -> "dui-dialog";
   /** Constant <code>dui_modal_box</code> */
   CssClass dui_modal_box = () -> "dui-dialog-box";
 

domino-ui/src/main/resources/org/dominokit/domino/ui/public/css/domino-ui/dui-components/domino-ui-modals.css

@@ -71,6 +71,14 @@
     min-height: var(--dui-dialog-xlarge-height);
 }
 
+.dui-dialog.dui-w-full{
+    width: var(--dui-dialog-full-width);
+}
+
+.dui-dialog.dui-h-full{
+    min-height: var(--dui-dialog-full-height);
+}
+
 /* --------- side sheet --------------------  */
 .dui-dialog.dui-side-sheet,
 .dui-dialog.dui-side-sheet.dui-h-xs,

domino-ui/src/main/resources/org/dominokit/domino/ui/public/css/domino-ui/dui-components/domino-ui-theme-default.css

@@ -1065,7 +1065,10 @@ body.dui {
 
     --dui-layout-transitions-duration: 0.3s;
 
-    --dui-layout-content-padding: 25px;
+    --dui-layout-content-padding-top: 25px;
+    --dui-layout-content-padding-right: 25px;
+    --dui-layout-content-padding-bottom: 25px;
+    --dui-layout-content-padding-left: 25px;
 
     --dui-section-box-shadow: var(--dui-box-shadow-1);
     --dui-overlay-opacify: 30%;
@@ -1131,6 +1134,9 @@ body.dui {
     --dui-dialog-xlarge-width: 95%;
     --dui-dialog-xlarge-height: 95%;
 
+    --dui-dialog-full-width: 100%;
+    --dui-dialog-full-height: 100%;
+
 
     /* ============== Empty state ======================== */
     --dui-empty-state-color: var(--dui-accent-l-2);

domino-ui/src/main/resources/org/dominokit/domino/ui/public/css/domino-ui/dui-components/screens/domino-ui-screen-small.css

@@ -39,6 +39,14 @@
         --dui-dialog-xlarge-height: 75%;
     }
 
+    .dui-dialog.dui-w-xl {
+        --dui-dialog-xlarge-width: 95%;
+    }
+
+    .dui-dialog.dui-h-xl {
+        --dui-dialog-xlarge-height: 75%;
+    }
+
     .dui-span-s-1 {
         grid-column-end: span 1;
     }