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

* [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
5 changed files with 8 additions and 14 deletions
+3 -5
View File
@@ -72,12 +72,10 @@ export default function RootLayout({ children }: { children: React.ReactNode })
crossOrigin="use-credentials"
/>
</head>
<body className={`h-screen w-screen`}>
<body>
<div id="context-menu-portal" />
<AppProvider>
<div className={`app-container h-full w-full flex flex-col overflow-hidden`}>
<div id="context-menu-portal" />
<div className="h-full w-full overflow-hidden bg-custom-background-100">{children}</div>
</div>
<div className={`h-screen w-full overflow-hidden bg-custom-background-100`}>{children}</div>
</AppProvider>
</body>
{process.env.NEXT_PUBLIC_PLAUSIBLE_DOMAIN && (
+3 -1
View File
@@ -1,7 +1,6 @@
"use client";
import { useCallback, useState } from "react";
import { TProject } from "ee/types";
// types
import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions } from "@plane/types";
// ui
@@ -19,6 +18,9 @@ import {
import { isIssueFilterActive } from "@/helpers/filter.helper";
// hooks
import { useLabel, useProjectState, useMember, useIssues } from "@/hooks/store";
// plane web types
import { TProject } from "@/plane-web/types";
// local components
import { ProjectAnalyticsModal } from "../analytics";
type Props = {
@@ -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"
: `w-full h-full`,
!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",
"inset-0 m-4": peekMode === "full-screen",
}
@@ -4,7 +4,7 @@ import { FC } from "react";
import { observer } from "mobx-react";
import { useParams } from "next/navigation";
// components
import { CustomHeader, CustomRow, EHeaderVariant, ERowVariant } from "@plane/ui";
import { CustomHeader, CustomRow, EHeaderVariant } from "@plane/ui";
import { CountChip } from "@/components/common";
import {
NotificationsLoader,
-6
View File
@@ -359,12 +359,6 @@ body {
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 */
::-webkit-scrollbar {
display: none;