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

Co-authored-by: Andrea Del Rio <delrio.andre@gmail.com> Co-authored-by: cchaos <caroline.horn@elastic.co> Co-authored-by: Michail Yasonik <michail.yasonik@elastic.co> Co-authored-by: Dave Snider <dave.snider@gmail.com> Co-authored-by: Marta Bondyra <marta.bondyra@elastic.co> # Conflicts: # src/plugins/discover/public/application/angular/directives/fixed_scroll.test.js
elastic · Dec 3, 2020 · 3c84575 · 3c84575
1 parent 36a62c1
commit 3c84575
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