Added hover to member cells in member list

This commit is contained in:
Zimo 2019-04-15 14:13:12 +02:00
parent 7c1ba31781
commit d3b50275e0
2 changed files with 7 additions and 1 deletions

View File

@ -401,3 +401,9 @@
.hover-bg-whitegrey-d1:focus { background-color: var(--whitegrey-d1); }
.hover-bg-whitegrey-d2:hover,
.hover-bg-whitegrey-d2:focus { background-color: var(--whitegrey-d2); }
/* Special */
.hover-bg-table-cell:hover,
.hover-bg-table-cell:focus {
background-color: color-mod(var(--lightgrey) l(+6%) s(-2%));
}

View File

@ -37,7 +37,7 @@
>
<div class="flex-grow-1 flex-shrink-1" style="flex-basis: 100%">
{{#link-to "member" member classNames="link whitegrey"}}
<article class="flex items-center justify-between pa4 {{if index "bt"}}">
<article class="flex items-center justify-between pa4 {{if index "bt"}} hover-bg-table-cell">
<div class="flex items-center">
<GhMemberAvatar @member={{member}} class="w10 h10 mr4" />
<div class="flex flex-column">