Merge pull request #1908 from segmentio/1907_feedback-box-display

1970 fix feedback box

Author: markzegarelli

js/feedback/index.js

@@ -32,10 +32,17 @@ export default function() {
   const tooltips = tippy(buttons)
   const defaultSettings = {
     interactive: true,
-    flip: true,
+    popperOptions: {
+      modifiers: [
+        {
+          name: 'flip',
+          enabled: true
+        },
+      ],
+    },
     placement: 'bottom-end',
-    boundary: '.docs',
     trigger: 'manual',
+    allowHTML: true,
     onMount: (tooltip) => {
       const sendButton = document.querySelector(SEND_SELECTOR)
       const feedbackText = document.querySelector(TEXT_SELECTOR)

src/_sass/components/_feedback-template.scss

@@ -4,13 +4,19 @@
   align-items: flex-end;
   padding: 10px 5px 5px 10px;
   transition: 200ms ease;
+  background-color: white;
+  border-radius: 4px;
+  border: 1px solid rgb(216,218,229);
+  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+
 
   &__textarea {
     width: 260px;
     border: none;
     resize: none;
     color: color(gray-800);
     outline: none;
+    font-size: 12px;
 
     &::placeholder {
       color: color(gray-600);