Decrease inserter content height by tabs height

Necessary to avoid popover bounds exceed detectino from flipping inserter, moving it off-screen in mobile.
WordPress · Jul 31, 2017 · 5a58688 · 5a58688
1 parent 9a7a34c
commit 5a58688
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/editor/assets/stylesheets/_variables.scss b/editor/assets/stylesheets/_variables.scss
@@ -48,6 +48,7 @@ $big-font-size: 18px;
 $item-spacing: 10px;
 $panel-padding: 16px;
 $header-height: 56px;
+$inserter-tabs-height: 36px;
 $sidebar-width: 280px;
 $sidebar-panel-header-height: 50px;
 $admin-bar-height: 32px;

diff --git a/editor/inserter/style.scss b/editor/inserter/style.scss
@@ -33,7 +33,7 @@
 }
 
 .editor-inserter__content {
-	height: calc( 100vh - #{ $admin-bar-height-big + $header-height + $icon-button-size } );
+	height: calc( 100vh - #{ $admin-bar-height-big + $header-height + $icon-button-size + $inserter-tabs-height } );
 
 	@include break-medium {
 		height: 240px;