Add animation

eea · Nov 25, 2021 · b22f0ab · b22f0ab
1 parent 4da1510
commit b22f0ab
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 1 deletion.
diff --git a/src/SearchBlock/schema.js b/src/SearchBlock/schema.js
@@ -12,7 +12,13 @@ export const SearchBlockSchema = ({ formData = {} }) => ({
     {
       id: 'general',
       title: 'General settings',
-      fields: ['headline', 'subheadline', 'promptQueries', 'enableNLP'],
+      fields: [
+        'headline',
+        'subheadline',
+        'promptQueries',
+        'promptQueryInterval',
+        'enableNLP',
+      ],
     },
     ...(formData?.enableNLP
       ? [
@@ -58,6 +64,13 @@ export const SearchBlockSchema = ({ formData = {} }) => ({
       configPath: 'promptQueries',
       widget: 'textarea',
     },
+    promptQueryInterval: {
+      title: 'Prompt interval',
+      description: 'Interval when to change the prompt query',
+      configPath: 'promptQueryInterval',
+      type: 'number',
+      default: 10000,
+    },
 
     use_qa_dp: {
       title: 'Use DensePassageRetrieval for QA?',

diff --git a/src/SearchBlock/styles.less b/src/SearchBlock/styles.less
@@ -1564,3 +1564,22 @@ p.highlight-description {
     font-weight: bold;
   }
 }
+
+@keyframes demoQuestion {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+p.demo-question {
+  a.ui.button {
+    padding: 0.1em;
+    animation-duration: 0.8s;
+    animation-name: demoQuestion;
+    font-size: small;
+  }
+}