CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-06-30 21:11:04 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

personal_menu: Fix focus outline of clear status icon.

Browse Source
This commit is contained in:
Aman Agrawal 2023-10-23 07:22:47 +00:00 committed by Tim Abbott
parent 87c87ed41f
commit 75c874fef6
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/styles/popovers.css
View File

@ -1217,14 +1217,23 @@ ul {
}
.personal-menu-clear-status {
display: flex;
padding: 3px;
align-items: center;
margin-left: auto;
color: hsl(0deg 0% 40%) !important;
border-radius: 4px;
&:hover {
&:hover,
&:focus {
text-decoration: none;
}
}
.personal-menu-clear-status .personal-menu-clear-status-icon {
top: 0;
}
#gear-menu-dropdown {
padding: 5px 0;
box-shadow: var(--box-shadow-gear-menu);

2
web/templates/personal_menu.hbs
View File

@ -43,7 +43,7 @@
</span>
</span>
<a href="" class="personal-menu-clear-status navbar-dropdown-menu-link" aria-label="{{t 'Clear status'}}" data-tippy-content="{{t 'Clear your status' }}">
<i class="navbar-dropdown-icon zulip-icon zulip-icon-x-circle"></i>
<i class="personal-menu-clear-status-icon navbar-dropdown-icon zulip-icon zulip-icon-x-circle"></i>
</a>
</li>
<li class="link-item navbar-dropdown-menu-inner-list-item">