@voplus/morpho-document 7.0.5 → 7.0.7

package/es/modules/page/components/PageItems/index.less

@@ -1,105 +1,105 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-:global {
-	.page-items {
-		height: 100%;
-		display: flex;
-		flex-direction: column;
-
-		.page-items-view {
-			flex: 1;
-			background: unset;
-
-			.list-view-header {
-				display: none;
-			}
-
-			// set height
-			.page-scroll-view {
-				height: 100%;
-
-				&.dataEmpty {
-					> div {
-						height: auto;
-					}
-
-					.ant-empty {
-						height: 100%;
-						margin: 0 auto;
-						padding: 50px 0;
-					}
-				}
-
-				> div {
-					height: 100%;
-					background-color: @background-color-base;
-				}
-
-				.page-dd-item-container {
-					background-color: @background-color-base;
-				}
-			}
-
-			// end ugly code to set items height
-
-			.page-item-card {
-				max-width: 70rem;
-				margin-left: auto;
-				margin-right: auto;
-				padding: 0 1rem 0 1rem;
-				background-color: @background-color-base;
-
-				&.page-item-card_zero {
-					padding-top: 1rem;
-				}
-
-				.page-item-header {
-					padding: 10px 0;
-					margin: 0 20px;
-					border-bottom: 1px solid #eee;
-				}
-			}
-		}
-
-		.new-page-item-form {
-			width: 100%;
-			margin: 0;
-			height: auto;
-			background-color: #fff;
-			border-top: 0 @border-style-base @border-color-split;
-			transition: height 0.3s, opacity 0.2s ease-out, border-color 0.1s;
-
-			&.show {
-				border-top-width: @border-width-base;
-
-				.ant-input {
-					padding: 4px 0;
-					border: none;
-					box-shadow: none;
-				}
-			}
-
-			.detailed {
-				display: none;
-			}
-		}
-
-		.plus-icon.plus-icon-position {
-			position: absolute;
-			bottom: 20px;
-			right: 20px;
-			width: 26px;
-			height: 26px;
-			line-height: 26px;
-			font-size: 18px;
-			border-radius: 2px;
-			box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
-				0 9px 28px 8px rgba(0, 0, 0, 0.05);
-			transition: width 0.3s, opacity 0.2s ease-out, color 0.3s;
-
-			&.hide {
-				display: none;
-			}
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.page-items {
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+
+		.page-items-view {
+			flex: 1;
+			background: unset;
+
+			.list-view-header {
+				display: none;
+			}
+
+			// set height
+			.page-scroll-view {
+				height: 100%;
+
+				&.dataEmpty {
+					> div {
+						height: auto;
+					}
+
+					.ant-empty {
+						height: 100%;
+						margin: 0 auto;
+						padding: 50px 0;
+					}
+				}
+
+				> div {
+					height: 100%;
+					background-color: @background-color-base;
+				}
+
+				.page-dd-item-container {
+					background-color: @background-color-base;
+				}
+			}
+
+			// end ugly code to set items height
+
+			.page-item-card {
+				max-width: 70rem;
+				margin-left: auto;
+				margin-right: auto;
+				padding: 0 1rem 0 1rem;
+				background-color: @background-color-base;
+
+				&.page-item-card_zero {
+					padding-top: 1rem;
+				}
+
+				.page-item-header {
+					padding: 10px 0;
+					margin: 0 20px;
+					border-bottom: 1px solid #eee;
+				}
+			}
+		}
+
+		.new-page-item-form {
+			width: 100%;
+			margin: 0;
+			height: auto;
+			background-color: #fff;
+			border-top: 0 @border-style-base @border-color-split;
+			transition: height 0.3s, opacity 0.2s ease-out, border-color 0.1s;
+
+			&.show {
+				border-top-width: @border-width-base;
+
+				.ant-input {
+					padding: 4px 0;
+					border: none;
+					box-shadow: none;
+				}
+			}
+
+			.detailed {
+				display: none;
+			}
+		}
+
+		.plus-icon.plus-icon-position {
+			position: absolute;
+			bottom: 20px;
+			right: 20px;
+			width: 26px;
+			height: 26px;
+			line-height: 26px;
+			font-size: 18px;
+			border-radius: 2px;
+			box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
+				0 9px 28px 8px rgba(0, 0, 0, 0.05);
+			transition: width 0.3s, opacity 0.2s ease-out, color 0.3s;
+
+			&.hide {
+				display: none;
+			}
+		}
+	}
+}

package/es/modules/page/components/PlusDropDown/index.less

@@ -1,11 +1,11 @@
-:global {
-	.plus-icon {
-		display: inline-block;
-		width: 20px;
-		height: 20px;
-		background: #1abc9c;
-		color: #fff;
-		text-align: center;
-		cursor: pointer;
-	}
-}
+:global {
+	.plus-icon {
+		display: inline-block;
+		width: 20px;
+		height: 20px;
+		background: #1abc9c;
+		color: #fff;
+		text-align: center;
+		cursor: pointer;
+	}
+}

package/es/modules/page/views/PageDefaultView/index.js

@@ -1,30 +1,19 @@
-import React, { useEffect, useState, useMemo } from "react";
-import { Skeleton, Space } from "antd";
+import React, { useEffect, useState } from "react";
+import { Skeleton } from "antd";
 import { PageContext, PageContextState, usePage } from "../../data";
-import { faEllipsisVerticalSolid, faBookBlankSolid, FontAwesomeIcon as FAIcon, } from "@voplus/morpho-ui/es/faIcons";
 import { useTabItem } from "@voplus/morpho-data";
 import { observe } from "@voplus/morpho-ui";
 import { runInAction } from "mobx";
-import { DocumentMenuContext, DocumentMenuState } from "@voplus/morpho-document-core";
-import { useFrame } from "../../../../components/ViewFrame/ViewFrameContext";
 import DocumentTabs from "../../../../components/DocumentTabs";
-import ToolBar from "../../../../controls/ToolBar/ToolBar2";
 import PageItems from "../../components/PageItems";
-import { Lock, Unlock, Print } from "../../../../controls/DocumentMenu/items";
+import { Print } from "../../../../controls/DocumentMenu/items";
 import DocumentProperties from "../../../../components/DocumentProperties";
-import DocumentBreadCrumbsPath from "../../../../components/DocumentBreadCrumbsPath";
-import PageHeadDashboard from "@voplus/morpho-ui/es/components/layout/headers/PageHeadDashboard";
 import DefaultViewLayout from "@voplus/morpho-ui/es/components/layout/DefaultViewLayout";
+import DocumentPageHeadDashboard from "../../../../components/DocumentPageHeadDashboard";
 import "./index.less";
 /** The Page Page component with router parameters support. */
 const PageDefaultView = ({ id }) => {
-    const frame = useFrame();
-    if (frame) {
-        frame.header = null;
-    }
     const [context] = useState(new PageContextState());
-    const menuContext = useMemo(() => new DocumentMenuState(id), [id]);
-    const [packUp, setPackUp] = useState(false);
     const page = usePage(id, { reload: true, includes: "tags,versions" });
     const tab = useTabItem();
     useEffect(() => {
@@ -32,13 +21,7 @@ const PageDefaultView = ({ id }) => {
     }, [page === null || page === void 0 ? void 0 : page.name]);
     return observe(() => (React.createElement(PageContext.Provider, { value: context },
         React.createElement(Skeleton, { active: true, loading: !page.loaded },
-            React.createElement(DefaultViewLayout, { className: "page-default-view", header: React.createElement(PageHeadDashboard, { avatarIcon: React.createElement(FAIcon, { icon: faBookBlankSolid }), title: page.name, upAble: true, onPackUp: (up) => setPackUp(up), description: React.createElement(DocumentBreadCrumbsPath, { id: id, packUp: packUp }), rightExtra: React.createElement(DocumentMenuContext.Provider, { value: menuContext },
-                        React.createElement(Space, { className: "menu-buttons" },
-                            React.createElement(Print, { url: `page/print/${page.id}` }),
-                            React.createElement(Lock, null),
-                            React.createElement(Unlock, null))), toolMenu: React.createElement(ToolBar, { id: id, moreProps: {
-                            icon: React.createElement(FAIcon, { icon: faEllipsisVerticalSolid }),
-                        }, blankMenu: packUp ? [] : ["Print", "Lock", "Unlock"] }) }), properties: React.createElement("div", { className: "properties-list document-properties-list" },
+            React.createElement(DefaultViewLayout, { className: "page-default-view", header: React.createElement(DocumentPageHeadDashboard, { id: id, actionButtons: React.createElement(Print, { url: `page/print/${page.id}` }), blankMenu: ["Print"] }), properties: React.createElement("div", { className: "properties-list document-properties-list" },
                     React.createElement(DocumentProperties, { id: id })) },
                 React.createElement(DocumentTabs, { id: id, details: 
                     /* pageItem List */

package/es/modules/page/views/PageDefaultView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/views/PageDefaultView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EACN,uBAAuB,EACvB,gBAAgB,EAChB,eAAe,IAAI,MAAM,GACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,mDAAmD,CAAC;AAC7E,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAC/D,OAAO,OAAO,MAAM,uCAAuC,CAAC;AAC5D,OAAO,SAAS,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,kBAAkB,MAAM,2CAA2C,CAAC;AAC3E,OAAO,uBAAuB,MAAM,gDAAgD,CAAC;AACrF,OAAO,iBAAiB,MAAM,kEAAkE,CAAC;AACjG,OAAO,iBAAiB,MAAM,0DAA0D,CAAC;AACzF,OAAO,cAAc,CAAC;AAEtB,8DAA8D;AAC9D,MAAM,eAAe,GAAG,CAAC,EAAE,EAAE,EAAkB,EAAE,EAAE;IAClD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAI,KAAK,EAAE,CAAC;QACX,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;IACrB,CAAC;IACD,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,gBAAgB,EAAE,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,iBAAiB,CAAC,EAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACpE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAAC;IAEtE,MAAM,GAAG,GAAG,UAAU,EAAE,CAAC;IACzB,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC;IAEjB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACnC,oBAAC,QAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM;YACrC,oBAAC,iBAAiB,IACjB,SAAS,EAAC,mBAAmB,EAC7B,MAAM,EACL,oBAAC,iBAAiB,IACjB,UAAU,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,gBAAgB,GAAI,EAC9C,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,MAAM,QACN,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,EAC/B,WAAW,EAAE,oBAAC,uBAAuB,IAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,GAAI,EAChE,UAAU,EACT,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW;wBAC/C,oBAAC,KAAK,IAAC,SAAS,EAAC,cAAc;4BAC9B,oBAAC,KAAK,IAAC,GAAG,EAAE,cAAc,IAAI,CAAC,EAAE,EAAE,GAAI;4BACvC,oBAAC,IAAI,OAAG;4BACR,oBAAC,MAAM,OAAG,CACH,CACsB,EAEhC,QAAQ,EACP,oBAAC,OAAO,IACP,EAAE,EAAE,EAAE,EACN,SAAS,EAAE;4BACV,IAAI,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAE,uBAAuB,GAAI;yBAC/C,EACD,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,GACnD,GAEF,EAEH,UAAU,EACT,6BAAK,SAAS,EAAC,0CAA0C;oBACxD,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,GAAI,CACzB;gBAGP,oBAAC,YAAY,IACZ,EAAE,EAAE,EAAE,EACN,OAAO;oBACN,mBAAmB;oBACnB,oBAAC,QAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,CAAC,OAAO,CAAC,MAAM;wBACxC,oBAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACpC,GAEX,CACiB,CACV,CACW,CACvB,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,YAAY,GAAG;IAC9B,MAAM,EAAE,KAAK;CACb,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/page/views/PageDefaultView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAC/D,OAAO,SAAS,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,yCAAyC,CAAC;AAChE,OAAO,kBAAkB,MAAM,2CAA2C,CAAC;AAC3E,OAAO,iBAAiB,MAAM,0DAA0D,CAAC;AACzF,OAAO,yBAAyB,MAAM,kDAAkD,CAAC;AACzF,OAAO,cAAc,CAAC;AAEtB,8DAA8D;AAC9D,MAAM,eAAe,GAAG,CAAC,EAAE,EAAE,EAAkB,EAAE,EAAE;IAClD,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,gBAAgB,EAAE,CAAC,CAAC;IACnD,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAAC;IAEtE,MAAM,GAAG,GAAG,UAAU,EAAE,CAAC;IACzB,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,CAAC,CAAC,CAAC;IAEjB,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACnC,oBAAC,QAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM;YACrC,oBAAC,iBAAiB,IACjB,SAAS,EAAC,mBAAmB,EAC7B,MAAM,EACL,oBAAC,yBAAyB,IACzB,EAAE,EAAE,EAAE,EACN,aAAa,EAAE,oBAAC,KAAK,IAAC,GAAG,EAAE,cAAc,IAAI,CAAC,EAAE,EAAE,GAAI,EACtD,SAAS,EAAE,CAAC,OAAO,CAAC,GACnB,EAEH,UAAU,EACT,6BAAK,SAAS,EAAC,0CAA0C;oBACxD,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,GAAI,CACzB;gBAGP,oBAAC,YAAY,IACZ,EAAE,EAAE,EAAE,EACN,OAAO;oBACN,mBAAmB;oBACnB,oBAAC,QAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,CAAC,OAAO,CAAC,MAAM;wBACxC,oBAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACpC,GAEX,CACiB,CACV,CACW,CACvB,CAAC,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,YAAY,GAAG;IAC9B,MAAM,EAAE,KAAK;CACb,CAAC;AACF,eAAe,eAAe,CAAC"}

package/es/modules/page/views/PageDefaultView/index.less

@@ -1,12 +1,12 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-
-:global {
-	.page-default-view {
-		height: 100%;
-		position: relative;
-
-		.list-view-header {
-			display: none;
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.page-default-view {
+		height: 100%;
+		position: relative;
+
+		.list-view-header {
+			display: none;
+		}
+	}
+}

package/es/modules/page/views/PagePrintView/index.less

@@ -1,51 +1,51 @@
-@import "~@voplus/morpho-theme/styles/print.less" print;
-
-:global {
-	@media print {
-		.print-pre-view {
-			.page-items-view .page-item-card {
-				padding: 0;
-			}
-			.page-items-view .page-item-card .page-item-header {
-				margin: 0;
-			}
-			.ProseMirror {
-				padding-left: 0;
-				padding-right: 0;
-				padding-bottom: 3.5rem;
-			}
-		}
-	}
-
-	.print-pre-view {
-		// display: flex;
-		// flex-direction: column;
-		height: 100%;
-		overflow-y: auto;
-		padding: 0 20px;
-
-		.print-view-header {
-			padding: 0.27cm 0.54cm;
-			background-color: #ffffff;
-
-			.print-item-name {
-				font-weight: 600;
-				font-size: 0.55cm;
-				margin-bottom: 0.13cm;
-				color: #000;
-			}
-		}
-
-		.page-items {
-			height: calc(100% - 84px);
-		}
-
-		.page-scroll-view {
-			overflow-y: auto;
-		}
-
-		.plus-icon-position {
-			display: none;
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/print.less" print;
+
+:global {
+	@media print {
+		.print-pre-view {
+			.page-items-view .page-item-card {
+				padding: 0;
+			}
+			.page-items-view .page-item-card .page-item-header {
+				margin: 0;
+			}
+			.ProseMirror {
+				padding-left: 0;
+				padding-right: 0;
+				padding-bottom: 3.5rem;
+			}
+		}
+	}
+
+	.print-pre-view {
+		// display: flex;
+		// flex-direction: column;
+		height: 100%;
+		overflow-y: auto;
+		padding: 0 20px;
+
+		.print-view-header {
+			padding: 0.27cm 0.54cm;
+			background-color: #ffffff;
+
+			.print-item-name {
+				font-weight: 600;
+				font-size: 0.55cm;
+				margin-bottom: 0.13cm;
+				color: #000;
+			}
+		}
+
+		.page-items {
+			height: calc(100% - 84px);
+		}
+
+		.page-scroll-view {
+			overflow-y: auto;
+		}
+
+		.plus-icon-position {
+			display: none;
+		}
+	}
+}

package/es/modules/quick-access/AdvanceFilterForm/index.less

@@ -1,68 +1,68 @@
-.advance-filter-content {
-	:global {
-		.properties-section-header {
-			margin: 0 0 15px;
-			border-bottom: none;
-		}
-
-		.properties-section___h2l0v {
-			padding: 0;
-		}
-
-		.prop-item {
-			margin-bottom: 15px;
-
-			.prop-item-title {
-				flex: 1;
-				font-weight: 500;
-			}
-
-			.mention-list {
-				min-height: 32px;
-				padding: 0 10px;
-				border-radius: 5px;
-				border: 1px solid #d9d9d9;
-
-				&:hover {
-					border-color: #1677ff;
-					box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
-				}
-			}
-		}
-
-		.form-item-title {
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-
-			.ant-select-selection-item {
-				color: #868686;
-				text-align: right;
-				// text-decoration: underline;
-			}
-
-			.create-by-btn {
-				color: #868686;
-				text-align: right;
-				text-decoration: underline;
-			}
-		}
-	}
-}
-
-:global {
-	.advance-filter-form {
-		& > header {
-			border-bottom: none;
-		}
-
-		& > div.flex-1.mx-4.py-5.sm\:mx-6 {
-			padding-top: 0;
-			padding-bottom: 0;
-		}
-
-		.side-form-title {
-			color: #217eb2;
-		}
-	}
-}
+.advance-filter-content {
+	:global {
+		.properties-section-header {
+			margin: 0 0 15px;
+			border-bottom: none;
+		}
+
+		.properties-section___h2l0v {
+			padding: 0;
+		}
+
+		.prop-item {
+			margin-bottom: 15px;
+
+			.prop-item-title {
+				flex: 1;
+				font-weight: 500;
+			}
+
+			.mention-list {
+				min-height: 32px;
+				padding: 0 10px;
+				border-radius: 5px;
+				border: 1px solid #d9d9d9;
+
+				&:hover {
+					border-color: #1677ff;
+					box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
+				}
+			}
+		}
+
+		.form-item-title {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+
+			.ant-select-selection-item {
+				color: #868686;
+				text-align: right;
+				// text-decoration: underline;
+			}
+
+			.create-by-btn {
+				color: #868686;
+				text-align: right;
+				text-decoration: underline;
+			}
+		}
+	}
+}
+
+:global {
+	.advance-filter-form {
+		& > header {
+			border-bottom: none;
+		}
+
+		& > div.flex-1.mx-4.py-5.sm\:mx-6 {
+			padding-top: 0;
+			padding-bottom: 0;
+		}
+
+		.side-form-title {
+			color: #217eb2;
+		}
+	}
+}

package/es/modules/quick-access/GeneralFilterForm/index.less

@@ -1,55 +1,55 @@
-.general-filter-form {
-	height: 100%;
-	display: flex;
-	flex-direction: column;
-
-	:global {
-		.properties-section-header {
-			margin: 0 0 15px;
-			border-bottom: none;
-		}
-
-		.prop-item {
-			margin-bottom: 15px;
-
-			.prop-item-title {
-				flex: 1;
-				font-weight: 500;
-			}
-
-			.mention-list {
-				min-height: 32px;
-				padding: 0 10px;
-				border-radius: 5px;
-				border: 1px solid #d9d9d9;
-
-				&:hover {
-					border-color: #1677ff;
-					box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
-				}
-			}
-		}
-
-		.form-item-title {
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-
-			.ant-select-selection-item {
-				color: #868686;
-				text-align: right;
-				// text-decoration: underline;
-			}
-
-			.create-by-btn {
-				color: #868686;
-				text-align: right;
-				text-decoration: underline;
-			}
-		}
-
-		.general-filter-btn {
-			margin-top: 12px;
-		}
-	}
+.general-filter-form {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+
+	:global {
+		.properties-section-header {
+			margin: 0 0 15px;
+			border-bottom: none;
+		}
+
+		.prop-item {
+			margin-bottom: 15px;
+
+			.prop-item-title {
+				flex: 1;
+				font-weight: 500;
+			}
+
+			.mention-list {
+				min-height: 32px;
+				padding: 0 10px;
+				border-radius: 5px;
+				border: 1px solid #d9d9d9;
+
+				&:hover {
+					border-color: #1677ff;
+					box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
+				}
+			}
+		}
+
+		.form-item-title {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+
+			.ant-select-selection-item {
+				color: #868686;
+				text-align: right;
+				// text-decoration: underline;
+			}
+
+			.create-by-btn {
+				color: #868686;
+				text-align: right;
+				text-decoration: underline;
+			}
+		}
+
+		.general-filter-btn {
+			margin-top: 12px;
+		}
+	}
 }