Skip to content

fix: dashboard header z index and workspace active cycles fix #3581

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
sriramveeraghanta merged 2 commits into from
Feb 7, 2024
Merged

fix: dashboard header z index and workspace active cycles fix #3581

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
20146da
fix: dashboard header z index fix
anmolsinghbhatia Feb 7, 2024
20a3821
chore: workspace active cycles upgrade page improvement
anmolsinghbhatia Feb 7, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion web/components/headers/workspace-dashboard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ export const WorkspaceDashboardHeader = () => {
return (
<>
<ProductUpdatesModal isOpen={isProductUpdatesModalOpen} setIsOpen={setIsProductUpdatesModalOpen} />
<div className="relative z-20 flex h-[3.75rem] w-full flex-shrink-0 flex-row items-center justify-between gap-x-2 gap-y-4 border-b border-custom-border-200 bg-custom-sidebar-background-100 p-4">
<div className="relative z-[15] flex h-[3.75rem] w-full flex-shrink-0 flex-row items-center justify-between gap-x-2 gap-y-4 border-b border-custom-border-200 bg-custom-sidebar-background-100 p-4">
<div className="flex items-center gap-2 overflow-ellipsis whitespace-nowrap">
<SidebarHamburgerToggle />
<div>
Expand Down
15 changes: 2 additions & 13 deletions web/components/workspace/workspace-active-cycles-upgrade.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ export const WorkspaceActiveCyclesUpgrade = observer(() => {
const isDarkMode = currentUser?.theme.theme === "dark";

return (
<div className="flex flex-col gap-10 p-8 rounded-xl">
<div className="flex flex-col gap-10 pt-8 px-8 rounded-xl h-full">
<div
className={cn("flex item-center justify-between rounded-xl min-h-[25rem]", {
"bg-gradient-to-l from-[#CFCFCF] to-[#212121]": currentUser?.theme.theme === "dark",
Expand All @@ -43,17 +43,6 @@ export const WorkspaceActiveCyclesUpgrade = observer(() => {
<Crown className="h-3.5 w-3.5" />
Upgrade
</a>
<a
className={cn("text-sm underline", {
"text-white": currentUser?.theme.theme === "dark",
"text-blue-600": currentUser?.theme.theme === "light",
})}
href="https://plane.so/pricing"
target="_blank"
rel="noreferrer"
>
Talk custom pricing
</a>
</div>
<span className="absolute left-0 top-0">
<Image
Expand Down Expand Up @@ -84,7 +73,7 @@ export const WorkspaceActiveCyclesUpgrade = observer(() => {
</span>
</div>
</div>
<div className="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-5">
<div className="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-5 pb-8 h-full">
{WORKSPACE_ACTIVE_CYCLES_DETAILS.map((item) => (
<div className="flex flex-col gap-2 p-4 min-h-32 w-full bg-custom-background-80 rounded-md">
<div className="flex items-center gap-2">
Expand Down