mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-23 17:56:01 +03:00
Code Issues Projects Releases Packages Wiki Activity

make tag panel context menu icons follow text color

Browse source
This commit is contained in:
Bruno Windels 2020-07-10 10:20:26 +02:00
parent c2d4e45495
commit f2f813c43c
2 changed files with 16 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
res/css/views/context_menus/_TagTileContextMenu.scss
View file

@ -15,9 +15,8 @@ limitations under the License.
*/ */
.mx_TagTileContextMenu_item { .mx_TagTileContextMenu_item {
padding-top: 8px; padding: 8px;
padding-right: 20px; padding-right: 20px;
padding-bottom: 8px;
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
display: flex; display: flex;
@ -25,15 +24,22 @@ limitations under the License.
line-height: $font-16px; line-height: $font-16px;
} }
.mx_TagTileContextMenu_item object { .mx_TagTileContextMenu_item::before {
pointer-events: none; content: '';
height: 15px;
width: 15px;
background-color: currentColor;
mask-repeat: no-repeat;
mask-size: contain;
margin-right: 8px;
} }
.mx_TagTileContextMenu_viewCommunity::before {
mask-image: url('$(res)/img/element-icons/view-community.svg');
}
.mx_TagTileContextMenu_item_icon { .mx_TagTileContextMenu_hideCommunity::before {
padding-right: 8px; mask-image: url('$(res)/img/element-icons/hide.svg');
padding-left: 4px;
display: inline-block;
} }
.mx_TagTileContextMenu_separator { .mx_TagTileContextMenu_separator {

13
src/components/views/context_menus/TagTileContextMenu.js
View file

@ -54,21 +54,12 @@ export default class TagTileContextMenu extends React.Component {
} }
render() { render() {
const TintableSvg = sdk.getComponent("elements.TintableSvg");
return <div> return <div>
<MenuItem className="mx_TagTileContextMenu_item" onClick={this._onViewCommunityClick}> <MenuItem className="mx_TagTileContextMenu_item mx_TagTileContextMenu_viewCommunity" onClick={this._onViewCommunityClick}>
<TintableSvg
className="mx_TagTileContextMenu_item_icon"
src={require("../../../../res/img/element-icons/view-community.svg")}
width="15"
height="15"
/>
{ _t('View Community') } { _t('View Community') }
</MenuItem> </MenuItem>
<hr className="mx_TagTileContextMenu_separator" role="separator" /> <hr className="mx_TagTileContextMenu_separator" role="separator" />
<MenuItem className="mx_TagTileContextMenu_item" onClick={this._onRemoveClick}> <MenuItem className="mx_TagTileContextMenu_item mx_TagTileContextMenu_hideCommunity" onClick={this._onRemoveClick}>
<img className="mx_TagTileContextMenu_item_icon" src={require("../../../../res/img/element-icons/hide.svg")} width="15" height="15" alt="" />
{ _t('Hide') } { _t('Hide') }
</MenuItem> </MenuItem>
</div>; </div>;