fix(frontend): fix style panel overflow

windmill-labs · Oct 11, 2023 · fd5e7c3 · fd5e7c3
1 parent cb2b6df
commit fd5e7c3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/frontend/src/lib/components/apps/editor/AppEditor.svelte b/frontend/src/lib/components/apps/editor/AppEditor.svelte
@@ -433,7 +433,12 @@
 			<SplitPanesWrapper>
 				<Splitpanes class="max-w-full overflow-hidden">
 					<Pane bind:size={leftPanelSize} minSize={5} maxSize={33}>
-						<div class="w-full h-full relative">
+						<div
+							class={twMerge(
+								'w-full h-full relative',
+								$secondaryMenuLeftStore.isOpen ? 'overflow-hidden' : ''
+							)}
+						>
 							<SecondaryMenu right={false} />
 							<ContextPanel />
 						</div>

diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte b/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte
@@ -177,7 +177,12 @@
 					</Tooltip>
 				</div>
 				<div class="relative">
-					<ClearableInput bind:value={value.class} />
+					<ClearableInput
+						bind:value={value.class}
+						type="textarea"
+						wrapperClass="h-full"
+						inputClass="h-full !text-xs  !rounded-none !p-2 min-h-[72px]"
+					/>
 				</div>
 			</label>
 		{/if}