Remove media query simulation

WordPress · Mar 26, 2020 · b49c215 · b49c215
1 parent 3dab5d7
commit b49c215
Show file tree

Hide file tree

Showing 5 changed files with 2 additions and 161 deletions.
diff --git a/packages/block-editor/README.md b/packages/block-editor/README.md
@@ -483,15 +483,6 @@ _Related_
 
 Undocumented declaration.
 
-<a name="useSimulatedMediaQuery" href="#useSimulatedMediaQuery">#</a> **useSimulatedMediaQuery**
-
-Function that manipulates media queries from stylesheets to simulate a given viewport width.
-
-_Parameters_
-
--   _marker_ `string`: CSS selector string defining start and end of manipulable styles.
--   _width_ `number`: Viewport width to simulate.
-
 <a name="Warning" href="#Warning">#</a> **Warning**
 
 Undocumented declaration.

diff --git a/packages/block-editor/src/components/index.js b/packages/block-editor/src/components/index.js
@@ -89,4 +89,3 @@ export { default as WritingFlow } from './writing-flow';
  */
 
 export { default as BlockEditorProvider } from './provider';
-export { default as useSimulatedMediaQuery } from './use-simulated-media-query';
diff --git a/packages/block-editor/src/components/use-simulated-media-query/index.js b/packages/block-editor/src/components/use-simulated-media-query/index.js
diff --git a/packages/edit-post/src/components/resize-canvas/index.js b/packages/edit-post/src/components/resize-canvas/index.js
@@ -1,7 +1,6 @@
 /**
  * WordPress dependencies
  */
-import { useSimulatedMediaQuery } from '@wordpress/block-editor';
 import { useSelect } from '@wordpress/data';
 import { useEffect, useState } from '@wordpress/element';
 
@@ -61,10 +60,5 @@ export function useResizeCanvas() {
 		}
 	};
 
-	useSimulatedMediaQuery(
-		'resizable-editor-section',
-		getCanvasWidth( deviceType )
-	);
-
 	return contentInlineStyles( deviceType );
 }
diff --git a/packages/edit-post/src/components/visual-editor/index.js b/packages/edit-post/src/components/visual-editor/index.js
@@ -65,11 +65,8 @@ function VisualEditor() {
 	return (
 		<>
 			<Popover.Slot name="block-toolbar" />
-			<IFrame className="edit-post-visual-editor">
-				<BlockSelectionClearer
-					className="editor-styles-wrapper"
-					style={ inlineStyles }
-				>
+			<IFrame className="edit-post-visual-editor" style={ inlineStyles }>
+				<BlockSelectionClearer className="editor-styles-wrapper">
 					<VisualEditorGlobalKeyboardShortcuts />
 					<MultiSelectScrollIntoView />
 					<Typewriter>
Original file line number	Diff line number	Diff line change
Expand Up		@@ -89,4 +89,3 @@ export { default as WritingFlow } from './writing-flow';
		*/

		export { default as BlockEditorProvider } from './provider';
		export { default as useSimulatedMediaQuery } from './use-simulated-media-query';