From 32f6932faf92c535fbd23df94b1d8b7c325ee3b2 Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+shamoon@users.noreply.github.com>
Date: Tue, 29 Mar 2022 23:03:44 -0700
Subject: [PATCH] fix overlay background color in dark mode
---
.../upload-file-widget/upload-file-widget.component.scss | 4 ++--
src-ui/src/theme.scss | 4 ++++
2 files changed, 6 insertions(+), 2 deletions(-)
diff --git a/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.scss b/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.scss
index 8f0640f0f..47dbff83e 100644
--- a/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.scss
+++ b/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.scss
@@ -34,6 +34,6 @@ form {
pointer-events: none;
}
-.ngx-file-drop__drop-zone--over {
+::ng-deep .ngx-file-drop__drop-zone--over {
background-color: var(--ngx-primary-faded) !important;
-}
\ No newline at end of file
+}
diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index e76b31b2b..a6c3de95d 100644
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -247,6 +247,10 @@ table.table {
.main-dropzone {
height: 100%;
width: 100%;
+
+ &.ngx-file-drop__drop-zone--over {
+ background-color: transparent !important;
+ }
}
.global-dropzone-overlay {