fix: dialog content z-index (#3285)

microsoftgraph · Sep 4, 2024 · 3e8b0f5 · 3e8b0f5
1 parent d6755cc
commit 3e8b0f5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
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 {