binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-2332] fix: application layout and minor UI improvements. (#5514)

Browse source 
* [WEB-2332] fix: application layout and minor UI improvements.

* [WEB-2332] fix: revert back layout changes.

* fix: lint error.

* fix: lint errors.
This commit is contained in:
Prateek Shourya 2024-09-04 16:09:55 +05:30 • committed by GitHub
parent 22656d0114
commit 20b1558dd7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 8 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

8
web/app/layout.tsx
View file

@ -72,12 +72,10 @@ export default function RootLayout({ children }: { children: React.ReactNode })
crossOrigin="use-credentials" crossOrigin="use-credentials"
/> />
</head> </head>
<body className={`h-screen w-screen`}> <body>
<div id="context-menu-portal" />
<AppProvider> <AppProvider>
<div className={`app-container h-full w-full flex flex-col overflow-hidden`}> <div className={`h-screen w-full overflow-hidden bg-custom-background-100`}>{children}</div>
<div id="context-menu-portal" />
<div className="h-full w-full overflow-hidden bg-custom-background-100">{children}</div>
</div>
</AppProvider> </AppProvider>
</body> </body>
{process.env.NEXT_PUBLIC_PLAUSIBLE_DOMAIN && ( {process.env.NEXT_PUBLIC_PLAUSIBLE_DOMAIN && (

4
web/core/components/issues/filters.tsx
View file

@ -1,7 +1,6 @@
"use client"; "use client";
import { useCallback, useState } from "react"; import { useCallback, useState } from "react";
import { TProject } from "ee/types";
// types // types
import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions } from "@plane/types"; import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions } from "@plane/types";
// ui // ui
@ -19,6 +18,9 @@ import {
import { isIssueFilterActive } from "@/helpers/filter.helper"; import { isIssueFilterActive } from "@/helpers/filter.helper";
// hooks // hooks
import { useLabel, useProjectState, useMember, useIssues } from "@/hooks/store"; import { useLabel, useProjectState, useMember, useIssues } from "@/hooks/store";
// plane web types
import { TProject } from "@/plane-web/types";
// local components
import { ProjectAnalyticsModal } from "../analytics"; import { ProjectAnalyticsModal } from "../analytics";
type Props = { type Props = {

2
web/core/components/issues/peek-overview/view.tsx
View file

@ -104,7 +104,7 @@ export const IssueView: FC<IIssueView> = observer((props) => {
? "fixed z-20 flex flex-col overflow-hidden rounded border border-custom-border-200 bg-custom-background-100 transition-all duration-300" ? "fixed z-20 flex flex-col overflow-hidden rounded border border-custom-border-200 bg-custom-background-100 transition-all duration-300"
: `w-full h-full`, : `w-full h-full`,
!embedIssue && { !embedIssue && {
"bottom-0 right-0 top-0 w-full md:w-[50%]": peekMode === "side-peek", "bottom-0 right-0 top-0 w-full md:w-[50%] border-0 border-l": peekMode === "side-peek",
"size-5/6 top-[8.33%] left-[8.33%]": peekMode === "modal", "size-5/6 top-[8.33%] left-[8.33%]": peekMode === "modal",
"inset-0 m-4": peekMode === "full-screen", "inset-0 m-4": peekMode === "full-screen",
} }

2
web/core/components/workspace-notifications/sidebar/root.tsx
View file

@ -4,7 +4,7 @@ import { FC } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { useParams } from "next/navigation"; import { useParams } from "next/navigation";
// components // components
import { CustomHeader, CustomRow, EHeaderVariant, ERowVariant } from "@plane/ui"; import { CustomHeader, CustomRow, EHeaderVariant } from "@plane/ui";
import { CountChip } from "@/components/common"; import { CountChip } from "@/components/common";
import { import {
NotificationsLoader, NotificationsLoader,

6
web/styles/globals.css
View file

@ -359,12 +359,6 @@ body {
color: rgba(var(--color-text-100)); color: rgba(var(--color-text-100));
} }
.app-container {
contain: layout style size;
contain-intrinsic-size: 100%;
position: relative; /* Ensure it's the containing block */
}
/* scrollbar style */ /* scrollbar style */
::-webkit-scrollbar { ::-webkit-scrollbar {
display: none; display: none;