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

Buttons are being globally styled, which affect existing plugins #145

Open
ipvalverde opened this issue Jan 23, 2020 · 0 comments
Open

Buttons are being globally styled, which affect existing plugins #145

ipvalverde opened this issue Jan 23, 2020 · 0 comments

Comments

@ipvalverde
Copy link

ipvalverde commented Jan 23, 2020

At the moment honeycomb stylesheet applies a few styles to all buttons, as a result of that all the buttons from your website are affected.
In SQLMonitor we just had an issue where our datepicker component (which is an external component, react-datepicker) had their buttons changed by this css. As a fix we had to create a css class to "undo" honeycomb's changes to the button that were affecting the datepicker component.

This is the snippet of what we used to fix it:

.datepicker-honeycomb-fix button {
    box-sizing: border-box;
    padding: 0 !important;
    background-color: transparent !important;
    border-width: .5rem !important;
    border-radius: 0;
}

.react-datepicker__navigation--next {
    border-left-color: #ccc !important;
}

.react-datepicker__navigation--previous {
    border-right-color: #ccc !important;
} 
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

No branches or pull requests

1 participant