Polish the styles and description a bit.

WordPress · Jun 27, 2017 · b491fa5 · b491fa5
1 parent 9e5e3e1
commit b491fa5
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 17 deletions.
diff --git a/blocks/library/more/index.js b/blocks/library/more/index.js
@@ -37,7 +37,7 @@ registerBlockType( 'core/more', {
 				/>
 				{ focus &&
 					<InspectorControls key="inspector">
-						<p>The "more" block allows you to set a content break point on your post. Visitors of your blog are then presented with just the initial content and a link to read more.</p>
+						<p className="editor-block-inspector__description">"More" allows you to break your post into a part shown on index pages, and the subsequent after clicking a "Read More" link.</p>
 					</InspectorControls>
 				}
 			</div>

diff --git a/blocks/library/more/style.scss b/blocks/library/more/style.scss
@@ -1,12 +1,15 @@
 .editor-visual-editor__block[data-type="core/more"] {
 	max-width: 100%;
+	text-align: center;
 
 	.blocks-editable {
-		display: block;
+		display: inline-block;
 		text-align: center;
 		overflow: hidden;
 		white-space: nowrap;
+		margin: 0 auto;
 	}
+
 	.blocks-editable > span {
 		position: relative;
 		display: inline-block;
@@ -15,25 +18,18 @@
 		font-weight: 600;
 		font-family: $default-font;
 		color: $dark-gray-300;
+		background: $white;
+		padding-left: 4px;
+		padding-right: 4px;
 	}
 
-	.blocks-editable > span:before,
-	.blocks-editable > span:after {
+	.blocks-more:before {
 		content: '';
 		position: absolute;
-			top: 50%;
-		width: 100vw;
+		top: 50%;
+		left: $block-mover-padding-visible + $block-padding;
+		right: $block-mover-padding-visible + $block-padding;
 		border-top: 3px dashed $light-gray-700;
-		margin-top: -2px;
-	}
-
-	.blocks-editable > span:before {
-		right: 100%;
-		margin-right: 20px;
-	}
-
-	.blocks-editable > span:after {
-		left: 100%;
-		margin-left: 20px;
+		margin-top: -4px;
 	}
 }
diff --git a/editor/sidebar/block-inspector/style.scss b/editor/sidebar/block-inspector/style.scss
@@ -7,3 +7,7 @@
 		color: inherit;
 	}
 }
+
+.editor-block-inspector__description {
+	font-style: italic;
+}