discourse/app/assets/stylesheets/common/base/topic-summary.scss
Roman Rizzi 3820fae041
UX: Disclose AI model used and add animation to placeholder (#22670)
* UX: Disclose AI model used and add animation to placeholder

* Move text into hbs template

DTooltip (weirdly) attaches to a sibling element, so we need something else to be rendered inside the RenderGlimmer wrapper div

---------

Co-authored-by: David Taylor <david@taylorhq.com>
2023-07-19 12:03:36 -03:00

39 lines
735 B
SCSS

.topic-map {
.toggle-summary {
.summarization-buttons {
display: flex;
}
.placeholder-summary {
padding-top: 0.5em;
}
.placeholder-summary-text {
display: inline-block;
height: 1em;
margin-top: 0.6em;
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;
}
.summarized-on {
text-align: right;
.model-used {
margin-left: 3px;
}
}
}
}