diff --git a/tinymce-per-block/src/blocks/quote-block/_style.scss b/tinymce-per-block/src/blocks/quote-block/_style.scss index ee409993813b3..fc8287a9fcdb6 100644 --- a/tinymce-per-block/src/blocks/quote-block/_style.scss +++ b/tinymce-per-block/src/blocks/quote-block/_style.scss @@ -6,9 +6,6 @@ color: inherit; font-weight: 300; font-size: 20px; - border-left: 4px solid black; - margin-left: -20px; - padding-left: 20px; font-style: italic; p { padding: 0; @@ -16,8 +13,8 @@ } } -.quote-block__cite textarea, -.quote-block__cite .textarea-mirror { +.quote-block__cite, +.quote-block__cite { width: 100%; border: none; font: inherit; @@ -27,11 +24,10 @@ color: $gray-dark-300; font-style: italic; resize: none; +} + +.quote-block__form { border-left: 4px solid black; margin-left: -20px; padding-left: 20px; - - &:focus { - outline: 0; - } } diff --git a/tinymce-per-block/src/blocks/text-block/form.js b/tinymce-per-block/src/blocks/text-block/form.js index b56594d93806c..9309a6d2f6c0b 100644 --- a/tinymce-per-block/src/blocks/text-block/form.js +++ b/tinymce-per-block/src/blocks/text-block/form.js @@ -37,7 +37,7 @@ export default class TextBlockForm extends Component { }; return ( -
+
{ isSelected && } { isSelected && @@ -56,10 +56,11 @@ export default class TextBlockForm extends Component {
} -
- { ! block.content.trim() && ! isSelected && focusConfig && - replace( id ) } /> - } + { ! block.content.trim() && ! isSelected && focusConfig && + replace( id ) } /> + } + +