Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-10 04:22:32 +10:00
Code Issues Packages Projects Releases Wiki Activity

chore: updated focus state of menu switcher

Browse Source 
Signed-off-by: Adithya Krishna <aadithya794@gmail.com>
This commit is contained in:
Adithya Krishna
2024-03-15 09:18:51 +05:30
parent d6668ad204
commit 17c6a4bd55
2 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/components/(dashboard)/layout/menu-switcher.tsx
View File

@ -93,7 +93,7 @@ export const MenuSwitcher = ({ user, teams: initialTeamsData }: MenuSwitcherProp
<Button
data-testid="menu-switcher"
variant="none"
className="focus-visible:ring-ring relative flex h-12 flex-row items-center px-2 py-2 ring-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 "
className="no-hover-focus relative flex h-12 flex-row items-center px-2 py-2 ring-0 hover:bg-transparent focus:outline-none focus-visible:ring-0"
>
<AvatarWithText
avatarFallback={formatAvatarFallback(selectedTeam?.name)}

14
packages/ui/styles/theme.css
View File

@ -137,4 +137,18 @@
.swagger-dark-theme .swagger-ui .microlight {
filter: invert(100%) hue-rotate(180deg);
}
// Custom class to over
.no-hover-focus {
outline: none !important;
box-shadow: none !important;
background-color: inherit;
color: inherit;
border-color: inherit;
}
.no-hover-focus:focus-visible {
outline: none !important;
box-shadow: none !important;
}