Closes #603.
Unified · Split
| @@ -9,10 +9,8 @@ class app.views.Menu extends app.View · 8 unmodified lines | ||
| 9 | 9 | $.on document.body, 'click', @onGlobalClick |
| 10 | 10 | return |
| 11 | 11 | |
| 12 | − onClick: => | |
| 13 | − prev = @el.previousElementSibling | |
| 14 | − $.remove @el | |
| 15 | − @delay (=> $.after prev, @el), 200 | |
| 12 | + onClick: (event) -> | |
| 13 | + event.target.blur() if event.target.tagName is 'A' | |
| 16 | 14 | return |
| 17 | 15 | |
| 18 | 16 | onGlobalClick: (event) => |
| @@ -74,28 +74,23 @@ · 73 unmodified lines | ||
| 74 | 74 | border: 1px solid $headerBorder; |
| 75 | 75 | border-radius: 3px; |
| 76 | 76 | box-shadow: -1px 1px 1px rgba(black, .05); |
| 77 | − transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1); | |
| 77 | + transition: all 0ms cubic-bezier(0.23, 1, 0.32, 1) 1ms; | |
| 78 | 78 | opacity: 0; |
| 79 | 79 | -webkit-transform: scale(0, 0); |
| 80 | 80 | transform: scale(0, 0); |
| 81 | 81 | -webkit-transform-origin: 100% 0; |
| 82 | 82 | transform-origin: 100% 0; |
| 83 | 83 | |
| 84 | − &:hover, | |
| 85 | − ._menu-btn:hover + & { | |
| 86 | − transition-delay: 100ms; | |
| 87 | − } | |
| 88 | − | |
| 89 | − &:hover, | |
| 90 | − &.active, | |
| 91 | − ._menu-btn:hover + &, | |
| 92 | − ._menu-btn:focus + & { | |
| 84 | + &.active { | |
| 85 | + transition-duration: 250ms; | |
| 93 | 86 | opacity: 1; |
| 94 | 87 | -webkit-transform: scale(1, 1); |
| 95 | 88 | transform: scale(1, 1); |
| 96 | 89 | } |
| 97 | 90 | |
| 98 | − &:focus-within { | |
| 91 | + &:focus-within, | |
| 92 | + ._menu-btn:focus + & { | |
| 93 | + transition-duration: 250ms; | |
| 99 | 94 | opacity: 1; |
| 100 | 95 | -webkit-transform: scale(1, 1); |
| 101 | 96 | transform: scale(1, 1); |