Fix keyboard access for logout control

This commit is contained in:
Storm Dragon
2026-05-09 12:53:33 -04:00
parent 160cd7287e
commit 564d8fc85c
2 changed files with 7 additions and 4 deletions
+5 -2
View File
@@ -133,15 +133,18 @@ a:focus {
display: none; display: none;
} }
.sidenav .user-logout a { .sidenav .user-logout button {
background: transparent;
border: 0;
font-size: 1em; font-size: 1em;
padding: 7px 0 0; padding: 7px 0 0;
color: #e4157e; color: #e4157e;
cursor: pointer; cursor: pointer;
font: inherit;
line-height: .7; line-height: .7;
} }
.sidenav .user-logout a:hover { .sidenav .user-logout button:hover {
color: #ab0659; color: #ab0659;
} }
+2 -2
View File
@@ -165,10 +165,10 @@
<span id="chpwspan" class="invisible"><a id="change-password" aria-label="Change password">Change password</a></span> <span id="chpwspan" class="invisible"><a id="change-password" aria-label="Change password">Change password</a></span>
</div> </div>
<div class="user-logout"> <div class="user-logout">
<a id="disconnectbutton" aria-label="Logout"> <button id="disconnectbutton" type="button" aria-label="Logout">
<span class="logout-icon"><i class="fas fa-sign-out-alt" aria-hidden="true"></i></span> <span class="logout-icon"><i class="fas fa-sign-out-alt" aria-hidden="true"></i></span>
<span class="logout-text">Logout</span> <span class="logout-text">Logout</span>
</a> </button>
</div> </div>
</div> </div>
</div> </div>