[Discover] New responsive layout using EUI components (#83633) (#84911)

Co-authored-by: Andrea Del Rio <[email protected]> Co-authored-by: cchaos <[email protected]> Co-authored-by: Michail Yasonik <[email protected]> Co-authored-by: Dave Snider <[email protected]> Co-authored-by: Marta Bondyra <[email protected]>
elastic · Dec 3, 2020 · 781e0b2 · 781e0b2
1 parent 7a1c878
commit 781e0b2
Show file tree

Hide file tree

Showing 51 changed files with 1,367 additions and 1,370 deletions.
diff --git a/src/plugins/discover/public/application/_discover.scss b/src/plugins/discover/public/application/_discover.scss
diff --git a/src/plugins/discover/public/application/angular/context/components/action_bar/action_bar.tsx b/src/plugins/discover/public/application/angular/context/components/action_bar/action_bar.tsx
@@ -119,7 +119,7 @@ export function ActionBar({
             </EuiButtonEmpty>
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
-            <EuiFormRow>
+            <EuiFormRow display="center">
               <EuiFieldNumber
                 aria-label={
                   isSuccessor
@@ -130,6 +130,7 @@ export function ActionBar({
                         defaultMessage: 'Number of newer documents',
                       })
                 }
+                compressed
                 className="cxtSizePicker"
                 data-test-subj={`${type}CountPicker`}
                 disabled={isDisabled}

diff --git a/src/plugins/discover/public/application/angular/directives/fixed_scroll.js b/src/plugins/discover/public/application/angular/directives/fixed_scroll.js