From ba44e0f5eed80f387f3f6716688df5a075b81349 Mon Sep 17 00:00:00 2001 From: CJ Cenizal Date: Mon, 4 Dec 2017 10:49:21 -0800 Subject: [PATCH] Fix bug with EuiPageSideBar width. --- CHANGELOG.md | 1 + src/components/page/page_side_bar/_page_side_bar.scss | 6 +++++- 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index b6da2caa4e5..d14ef37da85 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -18,6 +18,7 @@ - Fixed bug where screen-reader styles weren't being imported [(#103)](https://github.com/elastic/eui/pull/103) - Fixed a bug where `` wasn't being rendered under `block` display [(#166)](https://github.com/elastic/eui/pull/166) +- Fixed a bug that caused `` width to change when the width of its content changed [(#181)](https://github.com/elastic/eui/pull/181) **Breaking** diff --git a/src/components/page/page_side_bar/_page_side_bar.scss b/src/components/page/page_side_bar/_page_side_bar.scss index a9f42f8918a..55157b880b7 100644 --- a/src/components/page/page_side_bar/_page_side_bar.scss +++ b/src/components/page/page_side_bar/_page_side_bar.scss @@ -1,5 +1,9 @@ +/** + * 1. Prevent side bar width from changing when content width changes. + */ .euiPageSideBar { - width: $euiSize * 12; + min-width: $euiSize * 12; /* 1 */ + flex: 0 0 0; /* 1 */ margin-right: $euiSizeL; }