Restrict dialogs to the widget

Author: cbcode1

src/components/dialogs/create_data_set_dialog.ts

@@ -223,6 +223,15 @@ export class CreateDataSetDialog extends LitElementWw {
   static styles: CSSResult[] = [
     globalStyles,
     css`
+      sl-dialog::part(base) {
+        position: absolute;
+        height: 100%;
+        width: 100%;
+      }
+      sl-dialog::part(overlay) {
+        position: absolute;
+        width: 100%;
+      }
       sl-dialog::part(body) {
         text-align: center;
       }

src/components/dialogs/manage_data_sets_dialog.ts

@@ -58,6 +58,17 @@ export class ManageDataSetsDialog extends LitElementWw {
 
   // STYLES  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   static styles: CSSResult = css`
+    sl-dialog::part(base) {
+      position: absolute;
+      height: 100%;
+      width: 100%;
+    }
+    
+    sl-dialog::part(overlay) {
+      position: absolute;
+      width: 100%;
+    }
+
     sl-dialog::part(body) {
       display: flex;
       flex-direction: column;