Skip to content

Feature: Paper style for range sliders - #213

Merged
rhyneav merged 3 commits into
papercss:developfrom
Benbb96:feature-style-input-range
Aug 23, 2020
Merged

rhyneav merged 3 commits into
papercss:developfrom
Benbb96:feature-style-input-range

Conversation

@Benbb96

@Benbb96 Benbb96 commented Aug 11, 2020

Copy link
Copy Markdown
Contributor

Brief description

Add style for the range sliders, overriding the track and the thumb in order to look the same on most of browsers (tested on Chrome, Firefox and IE).

Developer Certificate of Origin

Sample pictures

test input range 3

Further details

See Issue #210
Ressources :

@Benbb96 Benbb96 mentioned this pull request Aug 11, 2020
1 task done
@rhyneav

rhyneav commented Aug 16, 2020

Copy link
Copy Markdown
Member

Thank you for the PR! I think this is really close to being perfect. The only thing I would recommend changing is removing the default input box so that the range pickers look slightly more native, like this:

Screen Shot 2020-08-16 at 10 47 00

Other than that, these look really nice! I love the imperfect slider button you've made!

@Benbb96

Benbb96 commented Aug 17, 2020

Copy link
Copy Markdown
Contributor Author

@rhyneav I've pushed changes to remove the default border. Indeed, it looks more native but I kind of liked the way that the border changed color when focused. But that's not really important 😅

Thanks ! I reused the same technique as for the other switches.

@rhyneav

rhyneav commented Aug 23, 2020

Copy link
Copy Markdown
Member

Thank you! I'll merge this in and get it ready for the next release!

@rhyneav
rhyneav merged commit 6541844 into papercss:develop Aug 23, 2020
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