diff options
| author | Nur Rony <pro.nmrony@gmail.com> | 2017-04-21 18:05:38 +0300 |
|---|---|---|
| committer | Clement Ho <clemmakesapps@gmail.com> | 2017-04-21 18:05:38 +0300 |
| commit | b8a63380324e05b0c46fe1ce216c6602fca0ef99 (patch) | |
| tree | b7e5ff7238854fbb8bda8c1bb6253261653afc89 /app/assets/stylesheets/pages/search.scss | |
| parent | c76812c79ffe3ca35b00faeaaf7fa1c362d1d27d (diff) | |
Adding animation for all dropdown
Diffstat (limited to 'app/assets/stylesheets/pages/search.scss')
| -rw-r--r-- | app/assets/stylesheets/pages/search.scss | 15 |
1 files changed, 14 insertions, 1 deletions
diff --git a/app/assets/stylesheets/pages/search.scss b/app/assets/stylesheets/pages/search.scss index 543d2ece3df..b9818ffcf42 100644 --- a/app/assets/stylesheets/pages/search.scss +++ b/app/assets/stylesheets/pages/search.scss @@ -124,7 +124,13 @@ input[type="checkbox"]:hover { // Custom dropdown positioning .dropdown-menu { - top: 37px; + transition-property: opacity, transform; + transition-duration: 250ms, 250ms; + transition-delay: 0ms, 25ms; + transition-timing-function: $dropdown-animation-timing; + transform: translateY(0); + opacity: 0; + display: block; left: -5px; padding: 0; @@ -156,6 +162,13 @@ input[type="checkbox"]:hover { color: $layout-link-gray; } } + + .dropdown-menu { + transition-duration: 100ms, 75ms; + transition-delay: 75ms, 100ms; + transform: translateY(13px); + opacity: 1; + } } &.has-value { |