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

prettier (#22786)

This commit is contained in:
Jordan Vidrine 2023-07-25 16:19:07 -05:00 committed by GitHub
parent 0db03b684d
commit 5d1c1e5f62
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 32 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/javascripts/discourse/app/widgets/summary-box.js
View File

@ -22,12 +22,16 @@ createWidget("summary-skeleton", {
html.push(
h("span", {}, [
iconNode("magic", { class: "rotate-center" }),
h(
"div.placeholder-generating-summary-text",
{},
I18n.t("summary.in_progress")
),
h("span.ai-summarizing-indicator__wave", {}, [
h("span.ai-summarizing-indicator__dot", "."),
h("span.ai-summarizing-indicator__dot", "."),
h("span.ai-summarizing-indicator__dot", "."),
]),
])
);

34
app/assets/stylesheets/common/base/topic-summary.scss
View File

@ -15,18 +15,27 @@
width: 100%;
}
.rotate-center {
-webkit-animation: rotate-center 3s cubic-bezier(0.68, -0.55, 0.265, 1.55)
0.5s infinite both;
animation: rotate-center 3s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s
infinite both;
}
.placeholder-generating-summary-text {
display: inline-block;
margin-left: 3px;
}
.ai-summarizing-indicator__wave {
flex: 0 0 auto;
display: inline-flex;
}
.ai-summarizing-indicator__dot {
display: inline-block;
animation: ai-summarizing-indicator__wave 1.8s linear infinite;
&:nth-child(2) {
animation-delay: -1.6s;
}
&:nth-child(3) {
animation-delay: -1.4s;
}
}
.summarized-on {
text-align: right;
@ -40,3 +49,14 @@
}
}
}
@keyframes ai-summarizing-indicator__wave {
0%,
60%,
100% {
transform: initial;
}
30% {
transform: translateY(-0.2em);
}
}