Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix/post title borders in code editor #14771

Merged
merged 5 commits into from
Apr 3, 2019

Conversation

kjellr
Copy link
Contributor

@kjellr kjellr commented Apr 2, 2019

Eliminates the thick block border on the post title and permalink box, when the user is in the Code Editor. As mentioned in #14761 (review)


Before

Screen Shot 2019-04-02 at 9 40 03 AM

After

Screen Shot 2019-04-02 at 9 35 57 AM

@kjellr kjellr added the [Type] Bug An existing feature does not function as intended label Apr 2, 2019
@kjellr kjellr self-assigned this Apr 2, 2019
@kjellr kjellr requested review from youknowriad and jasmussen April 2, 2019 13:43
@kjellr kjellr requested a review from chrisvanpatten as a code owner April 2, 2019 13:43
@@ -36,6 +36,15 @@
// buttons to shrink anyway.
flex-shrink: 0;
}

// Hide the thick block border in the Code Editor.
.edit-post-text-editor__body .editor-post-title & {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We're in the editor module, we should reference edit-post styles. If we were to override this, it should happen in the edit-post module where we use the post title component.

@@ -99,6 +99,16 @@
opacity: 1;
}
}

// Hide the thick block border in the Code Editor.
.edit-post-text-editor__body & {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same as the previous comment.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks! Should be fixed in dc24fa6

@kjellr kjellr merged commit c6cb4c1 into master Apr 3, 2019
@kjellr kjellr deleted the fix/post-title-borders-in-code-editor branch April 3, 2019 14:29
@youknowriad youknowriad added this to the 5.5 (Gutenberg) milestone Apr 12, 2019
aduth pushed a commit that referenced this pull request Apr 16, 2019
* Remove thick left border for the title in the code editor.

* Remove thick left border from the permalink field in the code editor.

* Move styles into the `edit-post` module.

* Remove no-longer-necessary style change.

* Remove unnecessary styles.
aduth pushed a commit that referenced this pull request Apr 16, 2019
* Remove thick left border for the title in the code editor.

* Remove thick left border from the permalink field in the code editor.

* Move styles into the `edit-post` module.

* Remove no-longer-necessary style change.

* Remove unnecessary styles.
This was referenced Apr 17, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Type] Bug An existing feature does not function as intended
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants