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 publish buttons with long text #10514

Merged
merged 3 commits into from
Oct 11, 2018

Conversation

sarahmonster
Copy link
Member

@sarahmonster sarahmonster commented Oct 11, 2018

Currently, when the post-publish buttons use longer text strings, they run off the screen. This should be solved by the changes planned in #9398, but since that's been a bit stalled this is a quick patch in the meantime.

Before:
screenshot 2018-10-11 14 46 42

After:
screenshot 2018-10-11 14 44 54

It's not 100% ideal but it should accommodate any range of text strings for these buttons.

The CSS changes introduced here are specific only to these two buttons, rather than being scoped more widely across other button components. This seems a sensible approach here since there's already quite a bit of CSS that's scoped specifically to these instances of the buttons, and since this panel is subject to change at some point in the potentially maybe near-ish future-ish.

Checklist:

  • My code is tested.
  • My code follows the WordPress code style.
  • My code follows the accessibility standards.
  • My code has proper inline documentation.

Copy link
Member

@tofumatt tofumatt left a comment

Choose a reason for hiding this comment

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

Way better; I have a few comments about the attributes used but I think they can be fixed and then this is good to go.

justify-content: center;
padding: 3px 10px 4px;
line-height: 20px;
Copy link
Member

Choose a reason for hiding this comment

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

Shouldn't line-height's be unitless?

Copy link
Member Author

Choose a reason for hiding this comment

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

They sure should!

@tofumatt tofumatt added this to the 4.1 milestone Oct 11, 2018
@mtias mtias added the Internationalization (i18n) Issues or PRs related to internationalization efforts label Oct 11, 2018
@sarahmonster sarahmonster merged commit 3d77c0b into master Oct 11, 2018
@sarahmonster sarahmonster deleted the fix/9537-long-having-text-buttons branch October 11, 2018 15:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Internationalization (i18n) Issues or PRs related to internationalization efforts
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants