Browse Source

[home2] Fix issue with hidden search preventing breadcrumb clicks

Johan Ahlen 9 years ago
parent
commit
c625168d9e
1 changed files with 17 additions and 10 deletions
  1. 17 10
      desktop/core/src/desktop/templates/file_browser.mako

+ 17 - 10
desktop/core/src/desktop/templates/file_browser.mako

@@ -257,20 +257,25 @@ from desktop.views import _ko
       width: 542px;
     }
 
+    @-webkit-keyframes fb-search-visible {
+      from { opacity: 0; }
+      to { opacity: 1; }
+    }
+
+    @keyframes fb-search-visible {
+      from { opacity: 0; }
+      to { opacity: 1; }
+    }
+
     .fb-search-container {
       position: absolute;
       top: 26px;
       right: 300px;
-      opacity: 0;
 
-      -webkit-transition: opacity 0.3s ease;
-      -moz-transition: opacity 0.3s ease;
-      -ms-transition: opacity 0.3s ease;
-      transition: opacity 0.3s ease;
-    }
-
-    .fb-search-visible {
-      opacity: 1;
+      -webkit-animation-name: fb-search-visible;
+      animation-name: fb-search-visible;
+      -webkit-animation-duration: 0.4s;
+      animation-duration: 0.4s;
     }
 
     .fb-search-container input {
@@ -438,9 +443,11 @@ from desktop.views import _ko
             </ul>
           </div>
         </h4>
-        <div class="fb-search-container" data-bind="css: { 'fb-search-visible' : searchVisible() }">
+        <!-- ko if: searchVisible -->
+        <div class="fb-search-container">
           <input class="clearable" type="text" placeholder="Search for name, description, etc..." data-bind="textInput: searchQuery, clearable: searchQuery">
         </div>
+        <!-- /ko -->
         <!-- ko with: activeEntry -->
         <div class="fb-folder-actions" data-bind="visible: ! hasErrors()">
           <a class="inactive-action fb-action" href="javascript:void(0);" data-bind="toggle: $parent.searchVisible, css: { 'blue' : ($parent.searchVisible() || $parent.searchQuery()) }"><i class="fa fa-fw fa-search"></i></a>