rolandtoth/AdminOnSteroids

Different size buttons when editing a page

gmclelland opened this issue · 4 comments

I noticed a minor styling issue with the button heights:
edit page

This can be solved in the AdminThemeUikit by adding:

border: none;

to

html.hoverDropdown .ui-button.pw-button-dropdown-main {
    border-radius: 4px !important;
}

But... it causes problems with the Default classic theme. So I'm not sure yet how to fix it in a way that works across all themes.

I only noticed it because I just installed ProDrafts.

Note: this happens on the top and bottom buttons only on AdminThemeUikit, the other core theme's look fine.

So it has something do with the font size of the dropdown arrow on the "Publish" button. AOS sets the font-size to 12px when the text is set to 16px.

adding this:

line-height: 12px;

to this rule fixes the problem:

html.hoverDropdown .ui-button.pw-button-dropdown-main span:after{
}

I tested with all three themes.

Hope that helps

Here's a PR that should fix this #81

Thanks, just merged and incremented the version number.

Works great, thank you!