Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

navbar: Make login button focusable. 

This commit allows login button in navbar draw focus to
them.

Fixes part of zulip#28037.
This commit is contained in:
Pratik Chanda 2024-06-21 02:54:13 +05:30 committed by Tim Abbott
parent bb6b25d0d1
commit 633ae45f1d
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/styles/zulip.css
View File

@ -462,7 +462,8 @@ body.has-overlay-scrollbar {
--color-navbar-spectator-medium-attention-brand-button-background
);
&:hover {
&:hover,
&:focus {
color: var(
--color-navbar-spectator-medium-attention-brand-button-text
);

4
web/templates/navbar.hbs
View File

@ -37,7 +37,7 @@
</div>
<div class="column-right">
<div class="spectator_login_buttons only-visible-for-spectators">
<a class="login_button">
<a class="login_button" tabindex="0">
{{t 'Log in' }}
</a>
</div>
@ -62,7 +62,7 @@
</a>
</div>
<div class="spectator_narrow_login_button only-visible-for-spectators" data-tippy-content="{{t 'Log in' }}" data-tippy-placement="bottom">
<a class="header-button login_button">
<a class="header-button login_button" tabindex="0">
<i class="zulip-icon zulip-icon-log-in"></i>
</a>
</div>