mirror of https://github.com/zulip/zulip.git
styles: Remove ineffective animation of display.
It’s not possible to animate or transition the `display` property, at least until `transition-behavior: allow-discrete` lands in all browsers. We already take care of applying `display: none` in a JavaScript setTimeout (see alert_popup.ts, hide_error in ui_report.ts). Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
parent
eab9a3e552
commit
75d834dcc3
|
@ -214,7 +214,6 @@ $alert-error-red: hsl(0deg 80% 40%);
|
|||
/* animation section */
|
||||
@keyframes fadeIn {
|
||||
0% {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
transform: translateY(-100px);
|
||||
}
|
||||
|
@ -232,7 +231,6 @@ $alert-error-red: hsl(0deg 80% 40%);
|
|||
}
|
||||
|
||||
100% {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
transform: translateY(-100px);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue