Merge pull request #1793 from matrix-org/luke/fix-tag-panel-clear-filter-tinting

Use TintableSvg for TagPanel clear filter button
This commit is contained in:
David Baker 2018-03-08 17:30:17 +00:00 committed by GitHub
commit e87f8ee7b8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -101,6 +101,7 @@ const TagPanel = React.createClass({
const GroupsButton = sdk.getComponent('elements.GroupsButton');
const DNDTagTile = sdk.getComponent('elements.DNDTagTile');
const AccessibleButton = sdk.getComponent('elements.AccessibleButton');
const TintableSvg = sdk.getComponent('elements.TintableSvg');
const tags = this.state.orderedTags.map((tag, index) => {
return <DNDTagTile
@ -112,12 +113,10 @@ const TagPanel = React.createClass({
});
const clearButton = this.state.selectedTags.length > 0 ?
<img
src="img/icons-close.svg"
<TintableSvg src="img/icons-close.svg" width="24" height="24"
alt={_t("Clear filter")}
title={_t("Clear filter")}
width="24"
height="24" /> :
/> :
<div />;
return <div className="mx_TagPanel">