snappier recipient animation
This commit is contained in:
parent
a697e80a67
commit
e46c7b1ac7
3 changed files with 6 additions and 4 deletions
|
@ -463,16 +463,18 @@ class Edit extends App.Controller
|
|||
arrow = list.find('.list-arrow')
|
||||
|
||||
if toggle.hasClass('state--open')
|
||||
toggle.removeClass('state--open')
|
||||
list.velocity
|
||||
properties:
|
||||
scale: [ 0, 1 ]
|
||||
opacity: [ 0, 1 ]
|
||||
options:
|
||||
speed: 300
|
||||
easing: [ 0.34, 1.61, 0.7, 1 ]
|
||||
complete: -> toggle.removeClass('state--open')
|
||||
easing: [ 500, 20 ]
|
||||
complete: -> list.addClass('hide')
|
||||
else
|
||||
toggle.addClass('state--open')
|
||||
list.removeClass('hide')
|
||||
|
||||
toggleDimensions = toggle.get(0).getBoundingClientRect()
|
||||
availableHeight = toggle.scrollParent().outerHeight()
|
||||
|
|
|
@ -28,7 +28,7 @@
|
|||
<div class="recipient-picker clickable horizontal centered">
|
||||
<div class="recipients icon"></div>
|
||||
<div class="recipient-count">3</div>
|
||||
<div class="recipient-list">
|
||||
<div class="recipient-list hide">
|
||||
<div class="list-arrow"></div>
|
||||
<div class="list-head horizontal">
|
||||
<%- @T('Recipients') %>
|
||||
|
|
|
@ -2743,6 +2743,7 @@ footer {
|
|||
height: 38px;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
transition: 300ms;
|
||||
}
|
||||
|
||||
.ticket-edit .recipient-picker.state--open {
|
||||
|
@ -2764,7 +2765,6 @@ footer {
|
|||
background: hsl(234,10%,19%);
|
||||
left: 48px;
|
||||
color: white;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.recipient-picker.state--open .recipient-list {
|
||||
|
|
Loading…
Reference in a new issue