made account menu keyboard navible

This commit is contained in:
Danny Coates 2019-02-20 16:11:54 -08:00
parent b6a703d5de
commit 2169a49d4c
No known key found for this signature in database
GPG Key ID: 4C442633C62E00CB
1 changed files with 4 additions and 5 deletions

View File

@ -75,7 +75,7 @@ class Account extends Component {
<input <input
type="image" type="image"
alt="${user.email}" alt="${user.email}"
class="w-8 h-8 rounded-full border text-blue md:text-white" class="w-8 h-8 rounded-full border text-blue md:text-white focus:outline"
src="${user.avatar}" src="${user.avatar}"
onclick="${e => this.avatarClick(e)}" onclick="${e => this.avatarClick(e)}"
/> />
@ -83,16 +83,15 @@ class Account extends Component {
id="accountMenu" id="accountMenu"
class="invisible list-reset absolute pin-t pin-r mt-10 pt-2 pb-2 bg-white shadow-md whitespace-no-wrap outline-none z-50" class="invisible list-reset absolute pin-t pin-r mt-10 pt-2 pb-2 bg-white shadow-md whitespace-no-wrap outline-none z-50"
onblur="${e => this.hideMenu(e)}" onblur="${e => this.hideMenu(e)}"
tabindex="-1"
> >
<li class="p-2 text-grey-dark">${user.email}</li> <li class="p-2 text-grey-dark">${user.email}</li>
<li> <li>
<a <button
class="block px-4 py-2 text-grey-darkest hover:bg-blue hover:text-white cursor-pointer" class="block w-full text-left px-4 py-2 text-grey-darkest hover:bg-blue hover:text-white cursor-pointer focus:outline"
onclick="${e => this.logout(e)}" onclick="${e => this.logout(e)}"
> >
${translate('logOut')} ${translate('logOut')}
</a> </button>
</li> </li>
</ul> </ul>
</send-account> </send-account>