#423 - Adding ‘baseline’ as option to EuiFlexGroup’s alignItems prop

__’normal’ doesn’t do anything__
elastic · Mar 20, 2018 · 7b638a7 · 7b638a7
1 parent 8081dda
commit 7b638a7
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/src/components/flex/__snapshots__/flex_group.test.js.snap b/src/components/flex/__snapshots__/flex_group.test.js.snap
@@ -12,6 +12,12 @@ exports[`EuiFlexGroup is rendered 1`] = `
 </div>
 `;
 
+exports[`EuiFlexGroup props alignItems baseline is rendered 1`] = `
+<div
+  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--responsive"
+/>
+`;
+
 exports[`EuiFlexGroup props alignItems center is rendered 1`] = `
 <div
   class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--responsive"

diff --git a/src/components/flex/_flex_group.scss b/src/components/flex/_flex_group.scss
@@ -69,6 +69,11 @@ $gutterTypes: (
   align-items: flex-end;
 }
 
+.euiFlexGroup--alignItemsBaseline {
+  align-items: baseline;
+}
+
+// Wrap
 .euiFlexGroup--wrap {
   flex-wrap: wrap;
 }

diff --git a/src/components/flex/flex_group.js b/src/components/flex/flex_group.js
@@ -18,6 +18,7 @@ const alignItemsToClassNameMap = {
   flexStart: 'euiFlexGroup--alignItemsFlexStart',
   flexEnd: 'euiFlexGroup--alignItemsFlexEnd',
   center: 'euiFlexGroup--alignItemsCenter',
+  baseline: 'euiFlexGroup--alignItemsBaseline',
 };
 
 export const ALIGN_ITEMS = Object.keys(alignItemsToClassNameMap);