From 5ae36cdf70861f2394d26860828e835b8e3f104f Mon Sep 17 00:00:00 2001 From: Micah Godbolt Date: Mon, 11 Sep 2017 16:23:08 -0700 Subject: [PATCH] MessageBar: Added word-break to fix long word bug (#2803) * Added word-break to message bar * change file --- .../message-bar-truncation_2017-09-11-22-15.json | 11 +++++++++++ .../src/components/MessageBar/MessageBar.scss | 2 +- 2 files changed, 12 insertions(+), 1 deletion(-) create mode 100644 common/changes/office-ui-fabric-react/message-bar-truncation_2017-09-11-22-15.json diff --git a/common/changes/office-ui-fabric-react/message-bar-truncation_2017-09-11-22-15.json b/common/changes/office-ui-fabric-react/message-bar-truncation_2017-09-11-22-15.json new file mode 100644 index 0000000000000..03a0d3db5c79c --- /dev/null +++ b/common/changes/office-ui-fabric-react/message-bar-truncation_2017-09-11-22-15.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "MessageBar: Added word-break to fix long words in message bar", + "type": "patch" + } + ], + "packageName": "office-ui-fabric-react", + "email": "mgodbolt@microsoft.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.scss b/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.scss index 0440a08aa19ed..d3f76cc7bdc79 100644 --- a/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.scss +++ b/packages/office-ui-fabric-react/src/components/MessageBar/MessageBar.scss @@ -15,7 +15,7 @@ box-sizing: border-box; display: flex; position: relative; - + word-break: break-word; .icon { @include padding-right(8px); color: $ms-color-info;