Skip to content
This repository has been archived by the owner on Nov 16, 2023. It is now read-only.

Commit

Permalink
fix(styles): Add style overrides to fabric default styles
Browse files Browse the repository at this point in the history
  • Loading branch information
Andrew Brassington committed May 25, 2018
1 parent c2556d7 commit 0973bb2
Show file tree
Hide file tree
Showing 2 changed files with 18 additions and 1 deletion.
10 changes: 10 additions & 0 deletions src/components/UserPicker/UserPicker.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
/*! Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license. */
@import 'src/css/variables/colors.css';

.y-userpicker-suggestions__container .ms-TooltipHost {
color: $textColor;
}

.y-userpicker-suggestions__container .ms-PickerItem-removeButton__color-primary {
color: $textColor;
}
9 changes: 8 additions & 1 deletion src/components/UserPicker/UserPicker.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,13 @@ export { IPersona, IBasePickerProps, IBasePickerSuggestionsProps };
export default class UserPicker extends React.Component<IBasePickerProps<IPersona>> {
public render() {
const { onResolveSuggestions } = this.props;
return <NormalPeoplePicker onResolveSuggestions={onResolveSuggestions} />;
const suggestionsClass: IBasePickerSuggestionsProps = { className: 'y-userpicker-suggestions__container' };
return (
<NormalPeoplePicker
className="y-userpicker__container"
pickerSuggestionsProps={suggestionsClass}
onResolveSuggestions={onResolveSuggestions}
/>
);
}
}

0 comments on commit 0973bb2

Please sign in to comment.