Merge branch 'master' into thomas/screeb_new_integration

Author: tcgilbert

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/_data/actions/fullstory.yml

@@ -37,40 +37,37 @@ actions:
   - action: Identify User
     blurb: Set user identity variables.
     fields:
-    - name: userId
+    - name: User ID
       description: The user's ID in FullStory.
       default: userId
-    - name: anonymous
+    - name: Anonymous ID
       description: The user's anonymousId in FullStory.
       default: anonymousId
-    - name: displayName
+    - name: Display Name
       description: The user's display name.
       default: traits.name
-    - name: email
+    - name: Email
       description: The user's email address.
       default: traits.email
-    - name: traits
+    - name: Traits
       description: The Segment traits forwarded to FullStory.
       default: traits
   - action: Track Event
     blurb: Send event details to FullStory.
     fields:
-    - name: name
+    - name: Name
       description: The name of the event
       default: name
-    - name: properties
+    - name: Properties
       description: A JSON object that contains additional information about the event, and is indexed by FullStory.
       default: properties
   - action: Viewed Page
     blurb: Set the properties of a page event, and send them to FullStory.
     fields:
-    - name: name
-      description: The name of the viewed page.
+    - name: Page Name
+      description: The name of the viewed page. Defaults to `category`. If `category` is not present, `name` is used.
       default: name
-    - name: category
-      description: The category of the viewed page
-      default: category
-    - name: properties
+    - name: Properties
       description: The properties of the viewed page.
       default: properties
 settings:

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);