Styling the complementary sliderBar in paper-slider component

128 views
Skip to first unread message

Federico Urban

unread,
Feb 12, 2015, 5:21:31 AM2/12/15
to polym...@googlegroups.com
Is there a way to change the color of the complementary sliderBar in the paper-slider component?
I know how to change the color of the primary progress bar with:

paper-slider::shadow #sliderBar::shadow #activeProgress {
    background-color: #fefefe;
}

but how to change the color of the grey colored bar?

Attempts with 
paper-slider::shadow #sliderBar::shadow #secondaryProgress {
    background-color: #ee1121;
}

Didn't work.

Thanks 
Federico

Michael Giuffrida

unread,
Feb 12, 2015, 6:00:37 AM2/12/15
to Federico Urban, polym...@googlegroups.com
Are you trying to set the color of the secondary progress div, or the unused portion of the progress bar?

See the second-to-last example in the paper-progress demo for what the secondary progress looks like.

If you want to change the grey remainder of the paper-slider, it looks like that comes from styling the paper-progress's progressContainer:

paper-slider::shadow #sliderBar::shadow #progressContainer {
    background-color: #ee1121;
}

Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/add1abf7-b684-40e4-b8f6-3483c936af49%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Federico Urban

unread,
Feb 12, 2015, 6:12:45 AM2/12/15
to polym...@googlegroups.com, federic...@plusolutions.it
Thanks Michael. That solved the issue!!
Reply all
Reply to author
Forward
0 new messages