Final touches to callout and sidebar

elastic · Jan 28, 2022 · 8791796 · 8791796
1 parent f858c4d
commit 8791796
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 23 deletions.
diff --git a/...cover/public/application/main/components/document_tour_callout/document_tour_callout.scss b/...cover/public/application/main/components/document_tour_callout/document_tour_callout.scss
@@ -2,4 +2,7 @@
   .euiCallOutHeader__title {
     width: 100%;
   }
+  p {
+    margin-bottom: 0.5rem;
+  }
 }
diff --git a/...scover/public/application/main/components/document_tour_callout/document_tour_callout.tsx b/...scover/public/application/main/components/document_tour_callout/document_tour_callout.tsx
@@ -47,11 +47,17 @@ export const DocumentTourCallout = ({ onStartTour }: { onStartTour: () => void }
       <p>
         <FormattedMessage
           id="discover.docTourCallout.bodyMessage"
-          defaultMessage="View field details, drag and drop columns, and more in the Document Explorer. Ready for the rundown?"
+          defaultMessage="Quickly sort, select, and compare data, resize columns, and view documents in fullscreen with the Document Explorer."
         />
       </p>
       <p>
-        <EuiButton size="s" onClick={onStartTour}>
+        <EuiButton
+          size="s"
+          onClick={() => {
+            onStartTour();
+            onCloseCallout();
+          }}
+        >
           <FormattedMessage
             id="discover.docTourCallout.tryDocumentTour"
             defaultMessage="Take a tour"

diff --git a/src/plugins/discover/public/application/main/components/sidebar/discover_sidebar.tsx b/src/plugins/discover/public/application/main/components/sidebar/discover_sidebar.tsx
@@ -439,6 +439,27 @@ export function DiscoverSidebarComponent({
             />
           </form>
         </EuiFlexItem>
+        <EuiSpacer size="xs" />
+        <EuiPopover
+          anchorPosition="rightDown"
+          display="block"
+          button={callout}
+          isOpen={isPopoverOpen}
+          panelPaddingSize="m"
+          closePopover={closePopover}
+        >
+          <EuiPopoverTitle paddingSize="s">Field types</EuiPopoverTitle>
+          <EuiBasicTable
+            style={{ width: 350 }}
+            tableCaption="Description of field types"
+            items={items}
+            compressed={true}
+            rowHeader="firstName"
+            columns={columnsSidebar}
+          />
+          <EuiSpacer size="s" />
+        </EuiPopover>
+        <EuiSpacer size="xs" />
         <EuiFlexItem className="eui-yScroll">
           <div
             ref={(el) => {
@@ -526,27 +547,6 @@ export function DiscoverSidebarComponent({
                     </EuiNotificationBadge>
                   }
                 >
-                  <EuiSpacer size="xs" />
-                  <EuiPopover
-                    anchorPosition="rightDown"
-                    display="block"
-                    button={callout}
-                    isOpen={isPopoverOpen}
-                    panelPaddingSize="m"
-                    closePopover={closePopover}
-                  >
-                    <EuiPopoverTitle paddingSize="s">Field types</EuiPopoverTitle>
-                    <EuiBasicTable
-                      style={{ width: 350 }}
-                      tableCaption="Description of field types"
-                      items={items}
-                      compressed={true}
-                      rowHeader="firstName"
-                      columns={columnsSidebar}
-                    />
-                    <EuiSpacer size="s" />
-                  </EuiPopover>
-
                   <EuiSpacer size="s" />
                   {popularFields.length > 0 && (
                     <>