message: Add scrollbar (when required) to MessageCenter
diff: @@ -13,6 +13,17 @@ import {
  import { MessageType, NotificationMessage, NotificationGroup } from '../../types/MessageCenter';
  import moment from 'moment';
  +import {
  + BoundingClientAwareComponent,
  + PropertyType
  +} from '../BoundingClientAwareComponent/BoundingClientAwareComponent';
  +import { style } from 'typestyle';
  +
  +const drawerMarginBottom = 20;
  +
  +const drawerContainerStyle = style({
  + overflow: 'auto'
  +});
  const typeForPfIcon = (type: MessageType) => {
  switch (type) {
  @@ -168,6 +179,10 @@ export default class NotificationDrawer extends React.PureComponent<PropsType, S
  onExpandClick={this.props.onExpandDrawer}
  onCloseClick={this.props.onHideDrawer}
  />
  + <BoundingClientAwareComponent
  + className={drawerContainerStyle}
  + maxHeight={{ type: PropertyType.VIEWPORT_HEIGHT_MINUS_TOP, margin: drawerMarginBottom }}
  + >
  <PfNotificationDrawer.Accordion>
  {this.props.groups.length === 0 && noNotificationsMessage}
  {this.props.groups.map(group => {
  @@ -185,6 +200,7 @@ export default class NotificationDrawer extends React.PureComponent<PropsType, S
  );
  })}
  </PfNotificationDrawer.Accordion>
  + </BoundingClientAwareComponent>
  </PfNotificationDrawer>
  );
  }
  