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:
Anders Kaseorg 2024-09-06 14:38:40 -07:00 committed by Tim Abbott
parent eab9a3e552
commit 75d834dcc3
1 changed files with 0 additions and 2 deletions

View File

@ -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);
}