Fix inserter position and size on mobile (#61034)

Co-authored-by: youknowriad <[email protected]> Co-authored-by: draganescu <[email protected]>
WordPress · Apr 24, 2024 · 6d444aa · 6d444aa
1 parent ba3a51f
commit 6d444aa
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/interface/src/components/interface-skeleton/index.js b/packages/interface/src/components/interface-skeleton/index.js
@@ -171,7 +171,9 @@ function InterfaceSkeleton(
 								<div
 									style={ {
 										position: 'absolute',
-										width: 'fit-content',
+										width: isMobileViewport
+											? '100vw'
+											: 'fit-content',
 										height: '100%',
 										right: 0,
 									} }

diff --git a/packages/interface/src/components/interface-skeleton/style.scss b/packages/interface/src/components/interface-skeleton/style.scss
@@ -43,6 +43,7 @@ html.interface-interface-skeleton__html-container {
 @include editor-left(".interface-interface-skeleton");
 
 .interface-interface-skeleton__body {
+	position: relative;
 	flex-grow: 1;
 	display: flex;