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

Make the EntityTile chevron a masked SVG for theming

Browse source 
Fixes https://github.com/vector-im/riot-web/issues/7320
This commit is contained in:
Travis Ralston 2019-03-14 15:59:00 -06:00
parent 5409db418c
commit e4181c4e3e
1 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
res/css/views/rooms/_EntityTile.scss
View file

@ -22,10 +22,20 @@ limitations under the License.
} }
.mx_EntityTile:hover { .mx_EntityTile:hover {
background-image: url('$(res)/img/member_chevron.png');
background-position: center right 10px;
background-repeat: no-repeat;
padding-right: 30px; padding-right: 30px;
position: relative; // to keep the chevron aligned
}
.mx_EntityTile:hover::before {
content: "";
position: absolute;
top: calc(50% - 8px); // center
right: 10px;
mask: url('$(res)/img/member_chevron.png');
mask-repeat: no-repeat;
width: 16px;
height: 16px;
background-color: $rightpanel-button-color;
} }
.mx_EntityTile .mx_PresenceLabel { .mx_EntityTile .mx_PresenceLabel {