thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

Merge pull request #969 from makeplane/style/workspace_sidebar

Browse Source 
style: workspace sidebar
This commit is contained in:
guru_sainath 2023-04-29 14:15:41 +05:30 committed by GitHub
commit f187d9512a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/app/components/project/single-sidebar-project.tsx
View File

@ -178,11 +178,9 @@ export const SingleSidebarProject: React.FC<Props> = ({
> >
<div className="grid place-items-center"> <div className="grid place-items-center">
<item.icon <item.icon
className={`h-5 w-5 flex-shrink-0 ${ className={`h-5 w-5 flex-shrink-0 text-brand-secondary ${
router.asPath.includes(item.href) !sidebarCollapse ? "mr-3" : ""
? "text-brand-secondary" }`}
: "text-brand-secondary group-hover:text-brand-base"
} ${!sidebarCollapse ? "mr-3" : ""}`}
color="#858e96" color="#858e96"
aria-hidden="true" aria-hidden="true"
/> />

12
apps/app/components/workspace/sidebar-menu.tsx
View File

@ -48,22 +48,14 @@ export const WorkspaceSidebarMenu: React.FC = () => {
: router.asPath.includes(link.href) : router.asPath.includes(link.href)
) )
? "bg-brand-base text-brand-base" ? "bg-brand-base text-brand-base"
: "text-brand-secondary hover:bg-brand-base hover:text-brand-base focus:bg-brand-base" : "text-brand-secondary hover:bg-brand-surface-1 hover:text-brand-secondary focus:bg-brand-base focus:text-brand-secondary"
} group flex w-full items-center gap-3 rounded-md p-2 text-sm font-medium outline-none ${ } group flex w-full items-center gap-3 rounded-md p-2 text-sm font-medium outline-none ${
sidebarCollapse ? "justify-center" : "" sidebarCollapse ? "justify-center" : ""
}`} }`}
> >
<span className="grid h-5 w-5 flex-shrink-0 place-items-center"> <span className="grid h-5 w-5 flex-shrink-0 place-items-center">
<link.icon <link.icon
className={`${ className="text-brand-secondary"
(
link.name === "Dashboard"
? router.asPath === link.href
: router.asPath.includes(link.href)
)
? "text-brand-base"
: "text-brand-secondary"
} group-hover:text-brand-base`}
aria-hidden="true" aria-hidden="true"
height="20" height="20"
width="20" width="20"