Skip to content
This repository has been archived by the owner on Jul 3, 2023. It is now read-only.

Slight misalignment of slider and text #52

Closed
dpwrussell opened this issue Jan 26, 2016 · 2 comments
Closed

Slight misalignment of slider and text #52

dpwrussell opened this issue Jan 26, 2016 · 2 comments

Comments

@dpwrussell
Copy link
Collaborator

@will-moore Any chance you could have a look at this? I can't seem to make the slider and associated text line up vertically with the other components in the toolbar.

@will-moore
Copy link
Contributor

I don't know the "right" way to fix this, but this seems to look OK...
Add the following styles to the slider input:

    margin-top: -1px;       # stops the slider pushing the outer <span> element down

Then if you want to move the slider back down, you can add

    position: relative;
    bottom: -3px;

screen shot 2016-01-27 at 23 42 34

Hope that helps. You can always tweak the values to get what you want. Hopefully this works across browsers (not tested).

@dpwrussell
Copy link
Collaborator Author

Thanks, CSS is my nemesis.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants