diff --git a/common/changes/office-ui-fabric-react/flexshrink-fix_2018-04-19-20-18.json b/common/changes/office-ui-fabric-react/flexshrink-fix_2018-04-19-20-18.json new file mode 100644 index 00000000000000..10306dc5b7e845 --- /dev/null +++ b/common/changes/office-ui-fabric-react/flexshrink-fix_2018-04-19-20-18.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "DetailsRow: applying `flex-shrink:0` to the check cell to prevent it from squishing in the flex layout.", + "type": "patch" + } + ], + "packageName": "office-ui-fabric-react", + "email": "dzearing@microsoft.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.scss b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.scss index 262aa48d3da731..92f1c6a7249494 100644 --- a/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.scss +++ b/packages/office-ui-fabric-react/src/components/DetailsList/DetailsRow.scss @@ -228,6 +228,7 @@ $detailsList-item-focus-meta-text-color: $ms-color-neutralDark; // cause other items to be deselected. padding-top: 1px; margin-top: -1px; + flex-shrink: 0; } & > button {