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

css: isolate spacing properties for 'button--alt' class #1956

Merged
merged 1 commit into from
Apr 16, 2021

Conversation

paulRbr
Copy link
Contributor

@paulRbr paulRbr commented Apr 7, 2021

When customising your own admin dashboards, it is quite expected to
use consistent graphical elements (such as buttons) in custom pages.

Exposing a button--alt CSS class is helpful when adding some custom
buttons, however the existing CSS class includes some spacing
properties which is specific to the navigation bar (because this class
is only used there in the Administrate engine).

This PR moves the spacing property (margin) into a dedicated
.button--nav class in order to give the .button--alt class a
reusable role.

When customising your own admin dashboards, it is quite expected to
use consistent graphical elements (such as buttons) in custom pages.

Exposing a `button--alt` CSS class is helpful when adding some custom
buttons, however the existing CSS class includes some spacing
properties which is specific to the navigation bar (because this class
is only used there in the Administrate engine).

This commit moves the spacing property (margin) into a dedicated
`.button--nav` class in order to give the `.button--alt` class a
reusable role.
@nickcharlton
Copy link
Member

Thanks, seems like a good idea!

@nickcharlton nickcharlton merged commit c16b8d1 into thoughtbot:master Apr 16, 2021
@paulRbr paulRbr deleted the fix-button-css branch June 14, 2022 10:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants