mirror of
https://github.com/makeplane/plane.git
synced 2026-05-01 13:39:41 -05:00
[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:
+3
-5
@@ -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 && (
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user