diff options
| author | Phil Hughes <me@iamphill.com> | 2016-04-01 20:18:45 +0300 |
|---|---|---|
| committer | Fatih Acet <acetfatih@gmail.com> | 2016-05-19 22:13:16 +0300 |
| commit | 783a5ae98c17ffd1d93e2e5390e543e5f2f92bcc (patch) | |
| tree | bb007cb5589ebfb54de34b38a38cbdcd764d3dda /app/assets/stylesheets/pages/awards.scss | |
| parent | bf96c30510c0efcd56338f60c902b5b64cf98bad (diff) | |
Adds the emoji menu to the body and then re-positions it depending on which button clicked
This spots bugs where the menu could be in a div that has overflow hidden on ie. diff comments
Diffstat (limited to 'app/assets/stylesheets/pages/awards.scss')
| -rw-r--r-- | app/assets/stylesheets/pages/awards.scss | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/app/assets/stylesheets/pages/awards.scss b/app/assets/stylesheets/pages/awards.scss index ef73e2f0a53..07d40f40556 100644 --- a/app/assets/stylesheets/pages/awards.scss +++ b/app/assets/stylesheets/pages/awards.scss @@ -7,8 +7,6 @@ .emoji-menu { position: absolute; - top: 100%; - left: 0; margin-top: 3px; z-index: 1000; min-width: 160px; @@ -21,7 +19,12 @@ opacity: 0; transform: scale(.2); transform-origin: 0 -45px; - transition: all .3s cubic-bezier(.87,-.41,.19,1.44); + transition: .3s cubic-bezier(.87,-.41,.19,1.44); + transition-property: transform, opacity; + + &.is-aligned-right { + transform-origin: 100% -45px; + } &.is-visible { pointer-events: all; |