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

UX: start progress dot animation instantly if it's the only content (#437)

This commit is contained in:
Kris 2024-01-22 13:10:51 -05:00 committed by GitHub
parent 4b4aedb50f
commit 900df4e8c8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
assets/stylesheets/modules/ai-bot/common/bot-replies.scss
View File

@ -57,18 +57,26 @@ article.streaming nav.post-controls .actions button.cancel-streaming {
} }
} }
article.streaming .cooked .progress-dot::after { article.streaming .cooked {
content: "\25CF"; .progress-dot::after {
font-family: Söhne Circle, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, content: "\25CF";
Cantarell, Noto Sans, sans-serif; font-family: Söhne Circle, system-ui, -apple-system, Segoe UI, Roboto,
line-height: normal; Ubuntu, Cantarell, Noto Sans, sans-serif;
margin-left: 0.25rem; line-height: normal;
vertical-align: baseline; margin-left: 0.25rem;
vertical-align: baseline;
animation: flashing 1.5s 3s infinite;
display: inline-block;
font-size: 1rem;
color: var(--tertiary-medium);
}
animation: flashing 1.5s 3s infinite; > .progress-dot:only-child::after {
display: inline-block; // if the progress dot is the only content
font-size: 1rem; // we are likely waiting longer for a response
color: var(--tertiary-medium); // so it can start animating instantly
animation: flashing 1.5s infinite;
}
} }
.ai-bot-available-bot-options { .ai-bot-available-bot-options {