Improve modal dialog UI (#26764)

1. Fine tune the CSS styles, and add more examples
2. Add necessary "dimmer" animation for modal dialogs, otherwise the UI
seems flicking (follow #26469)
This commit is contained in:
wxiaoguang 2023-08-29 07:49:21 +08:00 committed by GitHub
parent 83208b4991
commit 0ab70d4f2f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 44 additions and 17 deletions

View file

@ -99,8 +99,9 @@ code.language-math.is-loading::after {
animation: pulse 2s linear;
}
.ui.modal {
.ui.modal,
.ui.dimmer.transition {
animation-name: fadein;
animation-duration: 300ms;
animation-duration: 100ms;
animation-timing-function: ease-in-out;
}