From 7823e02190997ddbfd02f8df1ee3589211988b56 Mon Sep 17 00:00:00 2001 From: Andrew Duthie Date: Fri, 24 Mar 2017 10:01:19 -0400 Subject: [PATCH] Editor: Increase pinned toolbar width at mid-size viewports --- client/post-editor/editor-html-toolbar/style.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/client/post-editor/editor-html-toolbar/style.scss b/client/post-editor/editor-html-toolbar/style.scss index a248256191b4d..75b42d30df2b5 100644 --- 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 {