Enabled Full height in Additional CSS (WordPress#68993)

* Enabled Full Height in Additional CSS Field * Enabled Full Height in Additional CSS Field * Fixed Border Issue After Full Height * Added Suggested changes Co-authored-by: shail-mehta <[email protected]> Co-authored-by: t-hamano <[email protected]> Co-authored-by: Rishit30G <[email protected]> Co-authored-by: ciampo <[email protected]> Co-authored-by: annezazu <[email protected]>
himanshupathak95 · Feb 11, 2025 · 0479a08 · 0479a08
1 parent c8cf3b9
commit 0479a08
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/edit-site/src/components/global-styles/screen-root.js b/packages/edit-site/src/components/global-styles/screen-root.js
@@ -55,6 +55,7 @@ function ScreenRoot() {
 	return (
 		<Card
 			size="small"
+			isBorderless
 			className="edit-site-global-styles-screen-root"
 			isRounded={ false }
 		>

diff --git a/packages/edit-site/src/components/global-styles/style.scss b/packages/edit-site/src/components/global-styles/style.scss
@@ -228,9 +228,14 @@
 	}
 }
 
+.edit-site-global-styles-sidebar__navigator-provider {
+	height: 100%;
+}
+
 .edit-site-global-styles-sidebar__navigator-screen {
 	display: flex;
 	flex-direction: column;
+	height: 100%;
 }
 
 .edit-site-global-styles-sidebar__navigator-screen .single-column {