diff options
| author | Nur Rony <pro.nmrony@gmail.com> | 2017-02-03 14:44:12 +0600 |
|---|---|---|
| committer | Nur Rony <pro.nmrony@gmail.com> | 2017-02-03 14:44:12 +0600 |
| commit | 80bd5717367ae4af63ac476244e6adee8ccefad5 (patch) | |
| tree | fab014ff2732263574c8ffef836ee24ed7d63859 | |
| parent | fd46fb1cd9cc1fdf826d31261aa594baa38d4898 (diff) | |
| download | gitlab-ce-80bd5717367ae4af63ac476244e6adee8ccefad5.tar.gz | |
fixes flickers in avatar mention dropdown
| -rw-r--r-- | app/assets/stylesheets/framework/animations.scss | 21 | ||||
| -rw-r--r-- | app/assets/stylesheets/framework/markdown_area.scss | 1 |
2 files changed, 22 insertions, 0 deletions
diff --git a/app/assets/stylesheets/framework/animations.scss b/app/assets/stylesheets/framework/animations.scss index 8d38fc78a19..f1ff9faef7f 100644 --- a/app/assets/stylesheets/framework/animations.scss +++ b/app/assets/stylesheets/framework/animations.scss @@ -71,6 +71,27 @@ transition: $unfoldedTransitions; } +@mixin disableAllAnimation { + /*CSS transitions*/ + -o-transition-property: none !important; + -moz-transition-property: none !important; + -ms-transition-property: none !important; + -webkit-transition-property: none !important; + transition-property: none !important; + /*CSS transforms*/ + -o-transform: none !important; + -moz-transform: none !important; + -ms-transform: none !important; + -webkit-transform: none !important; + transform: none !important; + /*CSS animations*/ + -webkit-animation: none !important; + -moz-animation: none !important; + -o-animation: none !important; + -ms-animation: none !important; + animation: none !important; +} + @function unfoldTransition ($transition) { // Default values $property: all; diff --git a/app/assets/stylesheets/framework/markdown_area.scss b/app/assets/stylesheets/framework/markdown_area.scss index 5bff694658c..d4758d90352 100644 --- a/app/assets/stylesheets/framework/markdown_area.scss +++ b/app/assets/stylesheets/framework/markdown_area.scss @@ -159,6 +159,7 @@ .cur { .avatar { border: 1px solid $white-light; + @include disableAllAnimation; } } } |