[Search] Search icon transition

2015-08-11 10:56:31 -07:00
parent 109d933945
commit a48a0820ad
2 changed files with 27 additions and 20 deletions
--- a/platform/commonUI/general/res/sass/search/_search.scss
+++ b/platform/commonUI/general/res/sass/search/_search.scss
@@ -60,11 +60,16 @@
                
                // Line up icon with text input vertically
                margin-top: -$textInputHeight;
+                
+                // Text focus display transition
+                transition: visibility .15s, opacity .15s;
            }
            
            .search-input:focus~div.search-icon {
                // Make icon invisible when the text input is focused
-                display: none;
+                //display: none;
+                visibility: hidden;
+                opacity: 0;
            }
        }