Editor: Increase pinned toolbar width at mid-size viewports

Automattic · Mar 27, 2017 · 7823e02 · 7823e02
1 parent 83081dc
commit 7823e02
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/client/post-editor/editor-html-toolbar/style.scss b/client/post-editor/editor-html-toolbar/style.scss
@@ -48,6 +48,17 @@
 			width: calc( 100% - ( #{ ( $sidebar-width-max * 2 ) + 1 } ) );
 			left: 0;
 		}
+
+		@include breakpoint( "660px-960px" ) {
+			.focus-sidebar &,
+			.has-chat & {
+				width: calc( 100% - ( #{ $sidebar-width-min + 1 } ) );
+			}
+
+			.focus-sidebar.has-chat & {
+				width: calc( 100% - ( #{ ( $sidebar-width-min * 2 ) + 1 } ) );
+			}
+		}
 	}
 
 	.editor-html-toolbar__wrapper-buttons {