From af05d23d83e7493e38e64e91166d2e8768d02726 Mon Sep 17 00:00:00 2001 From: jlukic Date: Sat, 14 Mar 2015 02:41:43 -0400 Subject: [PATCH] Fix valign again --- RELEASE-NOTES.md | 1 + src/definitions/collections/grid.less | 11 +++-------- 2 files changed, 4 insertions(+), 8 deletions(-) diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md index 435080207..62d88329a 100644 --- a/RELEASE-NOTES.md +++ b/RELEASE-NOTES.md @@ -17,6 +17,7 @@ - **Menu** - Horizontal menus now set a default image size for images / logos - **Menu** - Menus items are now slightly more padded - **Segment** - Added `padded` and `very padded` segment variations +- **Sidebar** - Improved animation performance through performance debugging. Sidebar now caches, width, height, rtl direction on load. - **Table** - Added `vertical alignment` variations to `ui table` - **Visibility/Sticky** - Visibility and sticky now refresh automatically after page content loading to deal with changes in position from images loading - **Visibility/Sticky** - Visibility now uses pub/sub pattern to greatly improve scroll performance when attaching multiple events diff --git a/src/definitions/collections/grid.less b/src/definitions/collections/grid.less index d2432eff6..bdd5e0a3b 100755 --- a/src/definitions/collections/grid.less +++ b/src/definitions/collections/grid.less @@ -1233,7 +1233,7 @@ vertical-align: top; display: inline-flex !important; flex-direction: column; - align-items: flex-start !important; + justify-content: flex-start !important; } /* Middle Aligned */ @@ -1244,7 +1244,7 @@ vertical-align: middle; display: inline-flex !important; flex-direction: column; - align-items: center !important; + justify-content: center !important; } /* Bottom Aligned */ @@ -1255,7 +1255,7 @@ vertical-align: bottom; display: inline-flex !important; flex-direction: column; - align-items: flex-end !important; + justify-content: flex-end !important; } /* Stretched */ @@ -1481,11 +1481,6 @@ .ui[class*="equal height"].grid > .row > .column, .ui.grid > [class*="equal height"].row > .column { display: inline-block; - flex-grow: 1; -} -.ui[class*="equal height"].grid > .wide.column, -.ui[class*="equal height"].grid > .row > .wide.column, -.ui.grid > [class*="equal height"].row > .wide.column { flex-grow: 0; }