imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #2795 from matrix-org/travis/visible-chevron

Browse source 
Make the EntityTile chevron a masked SVG for theming
This commit is contained in:
Travis Ralston 2019-03-15 08:44:23 -06:00 • committed by GitHub
commit 5b2ffd28e5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 3 deletions
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 {