diff --git a/assets/stylesheets/shared/functions/_z-index.scss b/assets/stylesheets/shared/functions/_z-index.scss index 8dd419ae3c349..097e7493e5771 100644 --- a/assets/stylesheets/shared/functions/_z-index.scss +++ b/assets/stylesheets/shared/functions/_z-index.scss @@ -75,6 +75,7 @@ $z-layers: ( '.domain-suggestion.is-clickable:hover': 1, '.editor-html-toolbar': 1, '.thank-you-card__header': 1, + '.editor-action-bar__saved-status': 2, '.is-installing .theme': 2, '.reader-update-notice': 2, '.people-list-item .card__link-indicator': 2, @@ -92,6 +93,7 @@ $z-layers: ( 'ul.module-content-list-item-actions.collapsed': 3, '.auth__input-wrapper .gridicon': 3, '.auth__self-hosted-instructions': 4, + '.editor-word-count': 4, '.auth__form .form-password-input__toggle-visibility': 4, '.site-selector': 10, '.editor-featured-image__preview.is-transient::after': 10, diff --git a/client/post-editor/editor-action-bar/index.jsx b/client/post-editor/editor-action-bar/index.jsx index 66c8a298a7cfc..d59d4daff8a12 100644 --- a/client/post-editor/editor-action-bar/index.jsx +++ b/client/post-editor/editor-action-bar/index.jsx @@ -41,6 +41,7 @@ export default React.createClass( {
+ { this.renderLabel() } ); diff --git a/client/post-editor/editor-word-count/style.scss b/client/post-editor/editor-word-count/style.scss index 2149893c8fd75..f419a3608e9b1 100644 --- a/client/post-editor/editor-word-count/style.scss +++ b/client/post-editor/editor-word-count/style.scss @@ -1,7 +1,7 @@ .editor-word-count { position: fixed; right: 0; - bottom: 0; + bottom: 3px; padding: 8px; background-color: rgba( $white, 0.92 ); text-transform: uppercase; @@ -9,12 +9,9 @@ line-height: 1; color: lighten( $gray, 10% ); pointer-events: none; + z-index: 3; .focus-sidebar & { - right: 272px; - } - - @include breakpoint( ">960px" ) { - padding: 16px; + right: 273px; } } diff --git a/client/post-editor/style.scss b/client/post-editor/style.scss index 9b7780373b26c..0c68bb3210a9e 100644 --- a/client/post-editor/style.scss +++ b/client/post-editor/style.scss @@ -140,6 +140,7 @@ resize: none; border-width: 0; padding: 32px 11px; /* Inherited from TinyMCE iframe body */ + margin-bottom: 64px; // typography for HTML view font-family: $monospace;