Fill in side UI buttons, polish

WordPress · Apr 26, 2018 · e54bfdb · e54bfdb
1 parent 28a2aa2
commit e54bfdb
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git a/edit-post/assets/stylesheets/_mixins.scss b/edit-post/assets/stylesheets/_mixins.scss
@@ -127,17 +127,20 @@ $float-margin: calc( 50% - #{ $content-width-padding / 2 } );
 }
 
 @mixin button-style__hover {
+	background-color: $white;
 	color: $dark-gray-900;
 	box-shadow: inset 0 0 0 1px $light-gray-500, inset 0 0 0 2px $white, 0 1px 1px rgba( $dark-gray-900, .2 );
 }
 
 @mixin button-style__active() {
 	outline: none;
+	background-color: $white;
 	color: $dark-gray-900;
 	box-shadow: inset 0 0 0 1px $light-gray-700, inset 0 0 0 2px $white;
 }
 
 @mixin button-style__focus-active() {
+	background-color: $white;
 	color: $dark-gray-900;
 	box-shadow: inset 0 0 0 1px $dark-gray-300, inset 0 0 0 2px $white;
 

diff --git a/editor/components/block-list/style.scss b/editor/components/block-list/style.scss
@@ -168,13 +168,11 @@
 		top: 10px;
 	}
 
-	&.is-selected > .editor-block-mover:before,
 	&.is-hovered > .editor-block-mover:before {
 		border-right: 1px solid $dark-opacity-light-500; // use opacity to work in various editor styles
 		right: 0;
 	}
 
-	&.is-selected > .editor-block-settings-menu:before,
 	&.is-hovered > .editor-block-settings-menu:before {
 		border-left: 1px solid $dark-opacity-light-500; // use opacity to work in various editor styles
 		left: 0;
@@ -670,11 +668,6 @@
 		right: 0;
 	}
 
-	// remove stacked borders in inline toolbar
-	> div:first-child {
-		margin-left: -1px;
-	}
-
 	@include break-small() {
 		width: auto;
 	}

diff --git a/editor/components/block-toolbar/style.scss b/editor/components/block-toolbar/style.scss
@@ -24,5 +24,8 @@
 
 .editor-block-toolbar .editor-block-switcher {
 	display: inline-flex;
-	border-left: 1px solid $light-gray-500;
-}
+
+	.edit-post-header-toolbar__block-toolbar & {
+		border-left: 1px solid $light-gray-500;
+	}
+}