trying to fix the overflow

WordPress · Jun 5, 2024 · c51fcbc · c51fcbc
1 parent 1b817ef
commit c51fcbc
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 15 deletions.
diff --git a/packages/block-editor/src/components/tabbed-sidebar/style.scss b/packages/block-editor/src/components/tabbed-sidebar/style.scss
@@ -6,7 +6,7 @@
 	@include break-medium() {
 		// Same width as the Inserter.
 		// @see packages/block-editor/src/components/inserter/style.scss
-		width: 350px;
+		//width: 350px;
 	}
 }
 
@@ -34,5 +34,22 @@
 }
 
 .block-editor-tabbed-sidebar__tabpanel {
-	height: calc(100% - #{$grid-unit-60 - $border-width});
+	display: flex;
+	flex-grow: 1;
+	flex-direction: column;
+	//overflow-y: auto;
+
+	//height: calc(100% - #{$grid-unit-60 - $border-width});
+
+	// Include custom scrollbars, invisible until hovered.
+	@include custom-scrollbars-on-hover(transparent, $gray-600);
+	//overflow: auto;
+
+	// Only reserve space for scrollbars when there is content to scroll.
+	// This allows items in the list view to have equidistant padding left and right
+	// right up until a scrollbar is present.
+	scrollbar-gutter: auto;
+
+	// The table cells use an extra pixels of space left and right. We compensate for that here.
+	padding: $grid-unit-05;
 }
diff --git a/packages/editor/src/components/list-view-sidebar/style.scss b/packages/editor/src/components/list-view-sidebar/style.scss
@@ -1,18 +1,13 @@
-.editor-list-view-sidebar__list-view-panel-content,
-.editor-list-view-sidebar__list-view-container > .document-outline {
+.editor-list-view-sidebar {
 	height: 100%;
+	display: flex;
+	flex-direction: column;
 
-	// Include custom scrollbars, invisible until hovered.
-	@include custom-scrollbars-on-hover(transparent, $gray-600);
-	overflow: auto;
-
-	// Only reserve space for scrollbars when there is content to scroll.
-	// This allows items in the list view to have equidistant padding left and right
-	// right up until a scrollbar is present.
-	scrollbar-gutter: auto;
-
-	// The table cells use an extra pixels of space left and right. We compensate for that here.
-	padding: $grid-unit-05;
+	@include break-medium() {
+		// Same width as the Inserter.
+		// @see packages/block-editor/src/components/inserter/style.scss
+		width: 350px;
+	}
 }
 
 .editor-list-view-sidebar__list-view-container {