rolandtoth / AdminOnSteroids

Various ProcessWire admin tweaks to boost productivity.
https://processwire.com/talk/topic/13389-adminonsteroids/
GNU General Public License v2.0
39 stars 10 forks source link

Different size buttons when editing a page #80

Closed gmclelland closed 6 years ago

gmclelland commented 6 years ago

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.

gmclelland commented 6 years ago

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

gmclelland commented 6 years ago

Here's a PR that should fix this https://github.com/rolandtoth/AdminOnSteroids/pull/81

rolandtoth commented 6 years ago

Thanks, just merged and incremented the version number.

gmclelland commented 6 years ago

Works great, thank you!