63 lines
1.0 KiB
SCSS
63 lines
1.0 KiB
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%;
|
|
}
|
|
|
|
.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;
|
|
|
|
.info-icon {
|
|
margin-left: 3px;
|
|
}
|
|
}
|
|
|
|
.outdated-summary {
|
|
color: var(--primary-medium);
|
|
}
|
|
}
|
|
}
|
|
|
|
@keyframes ai-summarizing-indicator__wave {
|
|
0%,
|
|
60%,
|
|
100% {
|
|
transform: initial;
|
|
}
|
|
30% {
|
|
transform: translateY(-0.2em);
|
|
}
|
|
}
|