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

style: remove unnecessary vertical scroll in All Issues Tabs. (#3300)

Browse Source
This commit is contained in:
Prateek Shourya 2024-01-03 12:52:55 +05:30 committed by GitHub
parent 87cd44bcd2
commit b58d7a715a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
web/components/workspace/views/header.tsx
View File

@ -26,7 +26,7 @@ const ViewTab = observer((props: { viewId: string }) => {
<Link key={viewId} href={`/${workspaceSlug}/workspace-views/${viewId}`}> <Link key={viewId} href={`/${workspaceSlug}/workspace-views/${viewId}`}>
<span <span
id={`global-view-${viewId}`} id={`global-view-${viewId}`}
className={`flex-shrink-0 whitespace-nowrap border-b-2 p-3 text-sm font-medium outline-none ${ className={`flex min-w-min flex-shrink-0 whitespace-nowrap border-b-2 p-3 text-sm font-medium outline-none ${
viewId === globalViewId viewId === globalViewId
? "border-custom-primary-100 text-custom-primary-100" ? "border-custom-primary-100 text-custom-primary-100"
: "border-transparent hover:border-custom-border-200 hover:text-custom-text-400" : "border-transparent hover:border-custom-border-200 hover:text-custom-text-400"
@ -60,24 +60,26 @@ export const GlobalViewsHeader: React.FC = observer(() => {
return ( return (
<> <>
<CreateUpdateWorkspaceViewModal isOpen={createViewModal} onClose={() => setCreateViewModal(false)} /> <CreateUpdateWorkspaceViewModal isOpen={createViewModal} onClose={() => setCreateViewModal(false)} />
<div className="group relative flex w-full items-center overflow-x-scroll border-b border-custom-border-200 px-4"> <div className="group relative flex border-b border-custom-border-200">
{DEFAULT_GLOBAL_VIEWS_LIST.map((tab) => ( <div className="flex w-full items-center overflow-x-auto px-4">
<Link key={tab.key} href={`/${workspaceSlug}/workspace-views/${tab.key}`}> {DEFAULT_GLOBAL_VIEWS_LIST.map((tab) => (
<span <Link key={tab.key} href={`/${workspaceSlug}/workspace-views/${tab.key}`}>
className={`min-w-min flex-shrink-0 whitespace-nowrap border-b-2 p-3 text-sm font-medium outline-none ${ <span
isTabSelected(tab.key) className={`flex min-w-min flex-shrink-0 whitespace-nowrap border-b-2 p-3 text-sm font-medium outline-none ${
? "border-custom-primary-100 text-custom-primary-100" isTabSelected(tab.key)
: "border-transparent hover:border-custom-border-200 hover:text-custom-text-400" ? "border-custom-primary-100 text-custom-primary-100"
}`} : "border-transparent hover:border-custom-border-200 hover:text-custom-text-400"
> }`}
{tab.label} >
</span> {tab.label}
</Link> </span>
))} </Link>
))}
{currentWorkspaceViews?.map((viewId) => ( {currentWorkspaceViews?.map((viewId) => (
<ViewTab key={viewId} viewId={viewId} /> <ViewTab key={viewId} viewId={viewId} />
))} ))}
</div>
<button <button
type="button" type="button"