Feedback buttons (#546)

* Test commit, feedback

* more

* feedback buttons

* changed position in toc

* changed feedback max_value to 100

---------

Co-authored-by: mjang <michael.jang@qdrant.com>

qdrant-landing/themes/qdrant/static/css/_colors.scss

@@ -17,4 +17,14 @@
   --neutral-n-700: #1F3266;
   --neutral-n-800: #102252;
   --neutral-n-900: #06153D;
+
+  --brand-success-100: #D1FADF;
+  --brand-success-500: #12B765;
+  --brand-success-900: #085232;
+  --brand-warning-100: #FEE4C7;
+  --brand-warning-500: #F5870A;
+  --brand-warning-900: #662F0A;
+  --brand-error-100: #FED6D6;
+  --brand-error-500: #F03030;
+  --brand-error-900: #661414;
 }

qdrant-landing/themes/qdrant/static/css/blocks/_feedback.scss

@@ -0,0 +1,36 @@
+.feedback {
+  &__title {
+    font-size: 1rem;
+  }
+  &__answer {
+    &_yes {
+      background: var(--brand-success-100);
+      margin-right: 6px;
+      box-sizing: border-box;
+      &:hover {
+        border: 1px solid var(--brand-success-500);
+      }
+    }
+    &_no {
+      background: var(--brand-error-100);
+      &:hover {
+        border: 1px solid var(--brand-error-500);
+      }
+    }
+    &[disabled] {
+      display: none;
+    }
+  }
+
+  &__response {
+    display: none;
+    padding: 10px 8px;
+    color: var(--brand-secondary);
+    background: var(--neutral-n-50);
+    border-radius: 8px;
+
+    &_visible {
+      display: block;
+    }
+  }
+}

qdrant-landing/themes/qdrant/static/css/blocks/_table_of_content.scss

@@ -28,7 +28,6 @@
     &:not(nav > ul  > li):not(ul.tableOfContent__footer > li) {
       padding-left: 1rem;
     }
-  }
 
   & a {
     display: inline-block;
@@ -38,6 +37,7 @@
       text-decoration: underline;
     }
   }
+  }
 
   & ul:not(.tableOfContent__footer) a {
     display: block;

qdrant-landing/themes/qdrant/static/css/main.scss

@@ -179,6 +179,7 @@ blockquote {
 @import "blocks/breadcrumbs";
 @import "blocks/share-post";
 @import "blocks/table_of_content";
+@import "blocks/feedback";
 @import "blocks/footer";
 @import "responsive";