Editor: Move editor-sidebar CSS reset closer to its target (WordPress#71096)

Co-authored-by: alshakero <[email protected]>
Co-authored-by: t-hamano <[email protected]>
Co-authored-by: youknowriad <[email protected]>

Author: 4 people

packages/edit-post/src/style.scss

@@ -15,12 +15,6 @@ body.js.block-editor-page {
 	}
 }
 
-// Target the editor UI excluding the non-iframed visual editor contents, metaboxes
-//  and custom fields areas.
-.editor-header,
-.editor-text-editor,
-.editor-sidebar,
-.editor-post-publish-panel,
 .edit-post-visual-editor.is-iframed {
 	@include reset;
 }

packages/edit-site/src/components/global-styles-sidebar/style.scss

@@ -1,22 +1,3 @@
-.editor-sidebar {
-	width: $sidebar-width;
-
-	> .components-panel {
-		border-left: 0;
-		border-right: 0;
-		margin-bottom: -1px;
-		margin-top: -1px;
-
-		> .components-panel__header {
-			background: $gray-100;
-		}
-	}
-
-	.block-editor-block-inspector__card {
-		margin: 0;
-	}
-}
-
 .edit-site-global-styles-sidebar {
 	display: flex;
 	flex-direction: column;

packages/editor/src/components/header/style.scss

@@ -1,4 +1,5 @@
 .editor-header {
+	@include reset;
 	height: $header-height;
 	background: $white;
 	display: grid;

packages/editor/src/components/post-publish-panel/style.scss

@@ -198,6 +198,7 @@
 }
 
 .editor-post-publish-panel {
+	@include reset;
 	position: fixed;
 	z-index: z-index(".editor-post-publish-panel");
 	background: $white;

packages/editor/src/components/sidebar/style.scss

@@ -14,3 +14,7 @@
 .editor-post-summary .components-v-stack:empty {
 	display: none;
 }
+
+.editor-sidebar {
+	@include reset;
+}

packages/editor/src/components/text-editor/style.scss

@@ -1,4 +1,5 @@
 .editor-text-editor {
+	@include reset;
 	position: relative;
 	width: 100%;
 	background-color: $white;