discourse-ai/assets/stylesheets/modules/embeddings/common/semantic-search.scss

75 lines
1.4 KiB
SCSS

.semantic-search__container {
background: var(--primary-very-low);
margin: 1rem 0 1rem 0;
.semantic-search__results {
display: flex;
flex-direction: column;
align-items: baseline;
.semantic-search {
&__searching {
display: flex;
align-items: center;
&.in-progress {
.semantic-search__searching-text {
color: var(--primary-medium);
}
}
}
&__searching-text {
display: inline-block;
margin-left: 3px;
}
&__indicator-wave {
flex: 0 0 auto;
display: inline-flex;
color: var(--primary-medium);
}
&__indicator-dot {
display: inline-block;
animation: ai-summary__indicator-wave 1.8s linear infinite;
&:nth-child(2) {
animation-delay: -1.6s;
}
&:nth-child(3) {
animation-delay: -1.4s;
}
}
}
.semantic-search__entries {
margin-top: 10px;
}
.semantic-search__searching {
margin-left: 5px;
}
}
}
.search-results {
.fps-result {
padding: 0.5rem;
.ai-result__icon {
display: none;
}
}
.ai-result {
border-radius: var(--d-border-radius);
.ai-result__icon {
display: inline;
margin-right: 0.5rem;
margin-left: auto;
font-size: var(--font-up-2);
color: var(--tertiary);
}
}
}