md-slider track background

[TeamBusylj]

What is affected?

Theming

Description

Hi, I want to set slider tick's color tolinear-gradient with setting --_active-track-color variable to gradient. But it doesn't work because the variable sets background-color of tick instead of background. background-color doesnt support linear gradient.
Is there a way to bypass or fix it?

Reproduction

It doesn't work.

Workaround

I have not found a workaround.

Is this a regression?

No or unsure. This never worked, or I haven't tried before.

Affected versions

1.0.3

Browser/OS/Node environment

All platforms

[asyncLiz]

Can you provide some screenshots of the design you're trying to achieve? The tick marks are very small, so I'm not sure a linear gradient would be perceivable.

[TeamBusylj]

Hi, i have changed track-height variable to it is taller. This is how it looks like when i set background to gradient in devtools. This is the design i want to achive, but as said background-color css property doesnt support gradient.

Where is green underline it has to be background instead of background color:

[asyncLiz]

Gotcha, thanks for the screenshot! Cute slider!

Changing places we're using background-color to background makes sense to me. Could you send a PR?

[TeamBusylj]

Hi i have created pull request and committed it, but I'm not authorized user.

…

On Fri, Mar 8, 2024, 20:58 Elizabeth Mitchell ***@***.***> wrote: Gotcha, thanks for the screenshot! Cute slider! Changing places we're using background-color to background makes sense to me. Could you send a PR? — Reply to this email directly, view it on GitHub <#5518 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AVDSXLWTRYQDE5X7Z5QQBGTYXIJ6FAVCNFSM6AAAAABEJRN7SWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSOBWGMZTMNZXGA> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[asyncLiz]

Thanks! I'm reviewing it now :)

[TeamBusylj]

Thanks:)

…

On Tue, 12 Mar 2024, 18:28 copybara-service[bot], ***@***.***> wrote: Closed #5518 <#5518> as completed via #5521 <#5521>. — Reply to this email directly, view it on GitHub <#5518 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AVDSXLTVCJP4KO4TLXNEOHLYX43KVAVCNFSM6AAAAABEJRN7SWVHI2DSMVQWIX3LMV45UABCJFZXG5LFIV3GK3TUJZXXI2LGNFRWC5DJN5XDWMJSGA4TENZXGE4DCNY> . You are receiving this because you authored the thread.Message ID: <material-components/material-web/issue/5518/issue_event/12092771817@ github.com>