Commit 8ad8e79

committed

[FIX] GlobalCSS styling for Modals/Drawers

1 parent e475ed4 commit 8ad8e79Copy full SHA for 8ad8e79

File tree

-7

lines changed

-7

lines changed

Lines changed: 0 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -3235,7 +3235,6 @@ function styleNamespace(id) {`
`3235`	`3235`	`function evalStyle(id, css, globalStyle) {`
`3236`	`3236`	`const styleId = styleNamespace(id);`
`3237`	`3237`	const prefixId = globalStyle ? id : `.${id}`;
`3238`		`- console.log(prefixId);`
`3239`	`3238`	`let compiledCSS = "";`
`3240`	`3239`	`css.forEach((i) => {`
`3241`	`3240`	`if (!i.trim()) {`
`@@ -3252,7 +3251,6 @@ function evalStyle(id, css, globalStyle) {`
`3252`	`3251`	`document.querySelector("head")?.appendChild(styleNode);`
`3253`	`3252`	`}`
`3254`	`3253`	`styleNode.textContent = compiledCSS;`
`3255`		`- console.log("style", styleNode.textContent);`
`3256`	`3254`	`}`
`3257`	`3255`	`function clearStyleEval(id) {`
`3258`	`3256`	`const styleId = id && styleNamespace(id);`

Lines changed: 1 addition & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -6,8 +6,7 @@ function styleNamespace(id: string) {`
`6`	`6`
`7`	`7`	`export function evalStyle(id: string, css: string[], globalStyle?: boolean) {`
`8`	`8`	`const styleId = styleNamespace(id);`
`9`		- const prefixId = globalStyle ? id : `.${id}`
`10`		`- console.log(prefixId)`
	`9`	+ const prefixId = globalStyle ? id : `.${id}`;
`11`	`10`	`let compiledCSS = "";`
`12`	`11`	`css.forEach((i) => {`
`13`	`12`	`if (!i.trim()) {`
`@@ -25,7 +24,6 @@ export function evalStyle(id: string, css: string[], globalStyle?: boolean) {`
`25`	`24`	`document.querySelector("head")?.appendChild(styleNode);`
`26`	`25`	`}`
`27`	`26`	`styleNode.textContent = compiledCSS;`
`28`		`- console.log("style",styleNode.textContent)`
`29`	`27`	`}`
`30`	`28`
`31`	`29`	`export function clearStyleEval(id?: string) {`

Lines changed: 4 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -26,6 +26,8 @@ import { isNumeric } from "util/stringUtils";`
`26`	`26`	`import { NameConfig, withExposingConfigs } from "../generators/withExposing";`
`27`	`27`	`import { title } from "process";`
`28`	`28`	`import { SliderControl } from "../controls/sliderControl";`
	`29`	`+import clsx from "clsx";`
	`30`	`+import { useApplicationId } from "util/hooks";`
`29`	`31`
`30`	`32`	`const EventOptions = [closeEvent] as const;`
`31`	`33`
`@@ -119,6 +121,7 @@ let TmpDrawerComp = (function () {`
`119`	`121`	`const isTopBom = ["top", "bottom"].includes(props.placement);`
`120`	`122`	`const { items, ...otherContainerProps } = props.container;`
`121`	`123`	`const userViewMode = useUserViewMode();`
	`124`	`+ const appID = useApplicationId();`
`122`	`125`	`const resizable = !userViewMode && (!isTopBom \|\| !props.autoHeight);`
`123`	`126`	`const onResizeStop = useCallback(`
`124`	`127`	`(`
`@@ -172,7 +175,7 @@ let TmpDrawerComp = (function () {`
`172`	`175`	`zIndex={Layers.drawer}`
`173`	`176`	`maskClosable={props.maskClosable}`
`174`	`177`	`mask={props.showMask}`
`175`		`- className={props.classNameasstring}`
	`178`	+ className={clsx(`app-${appID}`,props.className)}
`176`	`179`	`data-testid={props.dataTestId as string}`
`177`	`180`	`>`
`178`	`181`	`{props.toggleClose && (`

Lines changed: 0 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -116,7 +116,6 @@ let TmpModalComp = (function () {`
`116`	`116`	`(props, dispatch) => {`
`117`	`117`	`const userViewMode = useUserViewMode();`
`118`	`118`	`const appID = useApplicationId();`
`119`		`- console.log("APP", appID);`
`120`	`119`	`const bodyStyle: CSSProperties = { padding: 0 };`
`121`	`120`	`const width = transToPxSize(props.width \|\| DEFAULT_WIDTH);`
`122`	`121`	`let height = undefined;`

Comments

(0)