From 27fe0a212f33cd6ee4864ff65f8e5aea33731d32 Mon Sep 17 00:00:00 2001 From: Jorge Bernal Date: Tue, 9 Apr 2019 12:16:18 +0200 Subject: [PATCH] Visual refinements for native nextpage (#14826) * Visual refinements for native nextpage * Moved nextpage font setting to JS to keep the linter happy --- packages/block-library/src/nextpage/edit.native.js | 8 +++++++- packages/block-library/src/nextpage/editor.native.scss | 10 +++------- 2 files changed, 10 insertions(+), 8 deletions(-) diff --git a/packages/block-library/src/nextpage/edit.native.js b/packages/block-library/src/nextpage/edit.native.js index 413fda53fe2172..1988d3500cb5df 100644 --- a/packages/block-library/src/nextpage/edit.native.js +++ b/packages/block-library/src/nextpage/edit.native.js @@ -16,11 +16,17 @@ import styles from './editor.scss'; export default function NextPageEdit( { attributes } ) { const { customText = __( 'Page break' ) } = attributes; + // Setting the font here to keep the CSS linter happy, it was demanding a syntax + // that React Native wasn't able to handle (adding a fallback generic font family). + const textStyle = { + ...styles[ 'block-library-nextpage__text' ], + fontFamily: 'System', + }; return (
); diff --git a/packages/block-library/src/nextpage/editor.native.scss b/packages/block-library/src/nextpage/editor.native.scss index af113cf983b2ce..869851fdd37c63 100644 --- a/packages/block-library/src/nextpage/editor.native.scss +++ b/packages/block-library/src/nextpage/editor.native.scss @@ -1,16 +1,12 @@ // @format -.block-library-nextpage__container { - align-items: center; - padding: 4px 4px 4px 4px; -} - .block-library-nextpage__line { - background-color: #555d66; + background-color: $gray-lighten-20; height: 2; } .block-library-nextpage__text { + color: $gray; text-decoration-style: solid; - font-family: $default-regular-font; + text-transform: uppercase; }