From 8e3d5a9b9f500b90326054d852609b08b2354918 Mon Sep 17 00:00:00 2001
From: Jatin Chugh <105338943+jatin2008@users.noreply.github.com>
Date: Mon, 20 Feb 2023 21:29:25 +0530
Subject: [PATCH] [ACS-4326] Content was overlapping with other contents and
 some elements were missing when we zoom at 400% or 320px equivalent which is
 fixed (#8191)

* content was overlapping earlier and some of the elements were lost at 400% or 320px equivalent which is fixed now

* extra space removal

* content overlapping verified upto 400% zoom including all other zooms i.e 200% 300% etc

* length-zero-no-unit issue fixed - stylelint
---
 .../file-uploading-dialog.component.scss      | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/lib/content-services/src/lib/upload/components/file-uploading-dialog.component.scss b/lib/content-services/src/lib/upload/components/file-uploading-dialog.component.scss
index cd19c077796..4cc9373d59a 100644
--- a/lib/content-services/src/lib/upload/components/file-uploading-dialog.component.scss
+++ b/lib/content-services/src/lib/upload/components/file-uploading-dialog.component.scss
@@ -81,3 +81,23 @@
 
 [adfUploadDialogLeft] .adf-upload-dialog { left: 25px; }
 [adfUploadDialogRight] .adf-upload-dialog { right: 25px; }
+
+@media screen and (min-width: 380px) and (max-width: 768px) {
+    .adf-upload-dialog {
+        width: 60%;
+    }
+
+    .adf-file-uploading-row .adf-file-uploading-row__group {
+        min-width: 0;
+    }
+}
+
+@media screen and (max-width: 380px) {
+    .adf-upload-dialog {
+        width: 85%;
+    }
+
+    .adf-file-uploading-row .adf-file-uploading-row__group {
+        min-width: 0;
+    }
+}