Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/styles/alerts.css
View File

@ -214,7 +214,6 @@ $alert-error-red: hsl(0deg 80% 40%);
/* animation section */ /* animation section */
@keyframes fadeIn { @keyframes fadeIn {
0% { 0% {
display: block;
opacity: 0; opacity: 0;
transform: translateY(-100px); transform: translateY(-100px);
} }
@ -232,7 +231,6 @@ $alert-error-red: hsl(0deg 80% 40%);
} }
100% { 100% {
display: none;
opacity: 0; opacity: 0;
transform: translateY(-100px); transform: translateY(-100px);
} }