[Frontend] Add optional delay parameter to dialog service

Issue #1168

platform/commonUI/general/res/sass/_constants.scss

@@ -62,6 +62,9 @@ $ueDesktopMinW: 600px;
 $ovrTopBarH: 45px;
 $ovrFooterH: 24px;
 $overlayMargin: 25px;
+/*************** Progress Overlay */
+$durEntryMs: 100ms;
+$delayEntryMs: 100ms;
 /*************** Items */
 $ueBrowseGridItemLg: 200px;
 $ueBrowseGridItemTopBarH: 20px;

platform/commonUI/general/res/sass/overlay/_overlay.scss

@@ -22,15 +22,14 @@
 
 .overlay {
     font-size: 90%;
-    z-index: 5;
-    @include keyframes(fadeInFromNone) {
-        0% { display: none; opacity: 0; }
-        1% { display: block; opacity: 0; }
-        95% { display: block; opacity: 0; }
-        100% { display: block; opacity: 1; }
+    &.delayEntry100ms {
+        @include keyframes(fadeInFromNone) {
+            0% { display: none; opacity: 0; }
+            100% { display: block; opacity: 1; }
+        }
+        @include animation-delay($delayEntryMs);
+        @include animation(fadeInFromNone $durEntryMs ease-in);
     }
-    @include animation(fadeInFromNone 100ms ease-in);
-
     .blocker {
         background: $colorOvrBlocker;
         z-index: 100;