github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2025-08-07 19:59:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: editor width transition duration added (#5267)

Browse Source
This commit is contained in:
Aaryan Khandelwal
2024-07-30 19:46:16 +05:30
committed by GitHub
parent 88533933b4
commit 6fa45d8723
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/core/components/pages/editor/editor-body.tsx
View File

@@ -101,7 +101,7 @@ export const PageEditorBody: React.FC<Props> = observer((props) => {
<div
className={cn("sticky top-0 hidden h-full flex-shrink-0 -translate-x-full p-5 duration-200 md:block", {
"translate-x-0": sidePeekVisible,
"w-40 lg:w-56": !isFullWidth,
"w-[10rem] lg:w-[14rem]": !isFullWidth,
"w-[5%]": isFullWidth,
})}
>
@@ -113,8 +113,8 @@ export const PageEditorBody: React.FC<Props> = observer((props) => {
)}
</div>
<div
className={cn("h-full w-full pt-5", {
"md:w-[calc(100%-10rem)] xl:w-[calc(100%-14rem-14rem)]": !isFullWidth,
className={cn("h-full w-full pt-5 duration-200", {
"md:w-[calc(100%-10rem)] xl:w-[calc(100%-28rem)]": !isFullWidth,
"md:w-[90%]": isFullWidth,
})}
>
@@ -169,8 +169,8 @@ export const PageEditorBody: React.FC<Props> = observer((props) => {
</div>
</div>
<div
className={cn("hidden xl:block flex-shrink-0", {
"w-40 lg:w-56": !isFullWidth,
className={cn("hidden xl:block flex-shrink-0 duration-200", {
"w-[10rem] lg:w-[14rem]": !isFullWidth,
"w-[5%]": isFullWidth,
})}
/>