fix: dialog content z-index (#3285)

Mnickii · web-flow · commit 3e8b0f5a581f · 2024-09-04T11:29:48.000+03:00
diff --git a/packages/mgt-components/src/components/mgt-file-list/mgt-file-list.theme.scss b/packages/mgt-components/src/components/mgt-file-list/mgt-file-list.theme.scss
@@ -8,7 +8,7 @@
 @import '../../styles/shared-sass-variables';
 @import '../../components/mgt-file/mgt-file.theme';
 
-$file-list-background-color: var(--file-list-background-color, var(--neutral-layer-floating));
+$file-list-background-color: var(--file-list-background-color, var(--neutral-layer-1));
 $show-more-button-background-color: var(--show-more-button-background-color, var(--neutral-stroke-divider-rest));
 $show-more-button-background-color--hover: var(
   --show-more-button-background-color-hover,
diff --git a/packages/mgt-components/src/components/mgt-file-list/mgt-file-upload/mgt-file-upload.scss b/packages/mgt-components/src/components/mgt-file-list/mgt-file-upload/mgt-file-upload.scss
@@ -31,7 +31,8 @@ $file-upload-border-drag: var(--file-upload-border-drag, 1px dashed #0078d4);
     margin-top: 30px;
   }
 
-  .focus,:focus {
+  .focus,
+  :focus {
     outline: none;
   }
 
@@ -186,6 +187,8 @@ $file-upload-border-drag: var(--file-upload-border-drag, 1px dashed #0078d4);
   .file-upload-dialog-content {
     background-color: $file-upload-dialog-background-color;
     color: $file-upload-dialog-text-color;
+    z-index: 1;
+    position: relative;
   }
 
   .file-upload-dialog-content-text {

Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,8 @@ $file-upload-border-drag: var(--file-upload-border-drag, 1px dashed #0078d4);`
`31`	`31`	`margin-top: 30px;`
`32`	`32`	`}`
`33`	`33`
`34`		`- .focus,:focus {`
	`34`	`+ .focus,`
	`35`	`+ :focus {`
`35`	`36`	`outline: none;`
`36`	`37`	`}`
`37`	`38`
`@@ -186,6 +187,8 @@ $file-upload-border-drag: var(--file-upload-border-drag, 1px dashed #0078d4);`
`186`	`187`	`.file-upload-dialog-content {`
`187`	`188`	`background-color: $file-upload-dialog-background-color;`
`188`	`189`	`color: $file-upload-dialog-text-color;`
	`190`	`+ z-index: 1;`
	`191`	`+ position: relative;`
`189`	`192`	`}`
`190`	`193`
`191`	`194`	`.file-upload-dialog-content-text {`