EZP-29381: Selected item becomes unselected for a moment while browsi…

…ng content in UDW (#84) * EZP-29381: Selected item becomes unselected for a moment while browsing content in UDW * After review
ezsystems · Jul 4, 2018 · 19e4f6e · 19e4f6e
1 parent ea93243
commit 19e4f6e
Show file tree

Hide file tree

Showing 10 changed files with 240 additions and 188 deletions.
diff --git a/Resources/public/js/MultiFileUpload.module.js b/Resources/public/js/MultiFileUpload.module.js
diff --git a/Resources/public/js/MultiFileUpload.module.js.map b/Resources/public/js/MultiFileUpload.module.js.map
diff --git a/Resources/public/js/SubItems.module.js b/Resources/public/js/SubItems.module.js
diff --git a/Resources/public/js/SubItems.module.js.map b/Resources/public/js/SubItems.module.js.map
diff --git a/Resources/public/js/UniversalDiscovery.module.js b/Resources/public/js/UniversalDiscovery.module.js
diff --git a/Resources/public/js/UniversalDiscovery.module.js.map b/Resources/public/js/UniversalDiscovery.module.js.map
diff --git a/src/modules/universal-discovery/components/finder/css/finder.tree.branch.component.css b/src/modules/universal-discovery/components/finder/css/finder.tree.branch.component.css
@@ -5,6 +5,7 @@
     flex: 0 0 24ch;
     border-radius: 4px;
     overflow: auto;
+    transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
 }
 
 .c-finder-tree-branch__list-wrapper {
@@ -21,7 +22,7 @@
     width: 80%;
     border-radius: 4px;
     margin: 0 auto 10px;
-    transition: background .3s cubic-bezier(.25, .8, .25, 1), color .3s cubic-bezier(.25, .8, .25, 1);
+    transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
     cursor: pointer;
 }
 
@@ -36,3 +37,8 @@
     flex: 0 0 3ch;
     cursor: pointer;
 }
+
+.c-finder-tree-branch--loading {
+    pointer-events: none;
+    opacity: 0.75;
+}