Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: popping animation for adding users (#23459) 

* UX:  popping animation for adding users

* accessibility wrapper
This commit is contained in:
chapoi 2023-09-07 15:42:49 +02:00 committed by GitHub
parent e1373c3e84
commit cde5dea74f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
plugins/chat/assets/stylesheets/common/chat-message-creator.scss
View File

@ -1,3 +1,14 @@
@keyframes popIn {
0% {
transform: scale(0.1);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.chat-message-creator { .chat-message-creator {
display: flex; display: flex;
align-items: center; align-items: center;
@ -219,6 +230,9 @@
height: calc(var(--row-height) - 6); height: calc(var(--row-height) - 6);
padding-inline: 0.25rem; padding-inline: 0.25rem;
margin: 3px; margin: 3px;
@media (prefers-reduced-motion: no-preference) {
animation: popIn 0.1s ease-out;
}
.d-icon-times { .d-icon-times {
margin-top: 4px; margin-top: 4px;