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

Unexpected margin below Switch component #435

Open
am-maneaters opened this issue Nov 20, 2020 · 1 comment
Open

Unexpected margin below Switch component #435

am-maneaters opened this issue Nov 20, 2020 · 1 comment

Comments

@am-maneaters
Copy link
Contributor

There appears to be 1.55rem of margin added to the bottom of Switches, is this intended? I'm trying to center the switch vertically but it there's that 1.55rem of margin that keeps it from lining up correctly.

image

I tried creating a styled component for the Switch but changing the margin on that only changes the margin on the child checkbox.

The switches in the docs have the same margin below them if you want to check those out

@am-maneaters
Copy link
Contributor Author

I'm seeing that the margin comes from the baseline variable in CalciteTheme.js. Is there an easier way to override just the margin or will I have to override the entire theme?

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