Merge pull request #2795 from matrix-org/travis/visible-chevron
Make the EntityTile chevron a masked SVG for theming
This commit is contained in:
commit
5b2ffd28e5
1 changed files with 13 additions and 3 deletions
|
@ -22,10 +22,20 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_EntityTile:hover {
|
||||
background-image: url('$(res)/img/member_chevron.png');
|
||||
background-position: center right 10px;
|
||||
background-repeat: no-repeat;
|
||||
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 {
|
||||
|
|
Loading…
Reference in a new issue