Skip to content

Conversation

DBowen33
Copy link
Contributor

add tick mark to end of slider for visual users to see end of slider. passes 3:1 color contrast ratio with background

fixes b/286300099

@DBowen33 DBowen33 requested a review from a team as a code owner November 13, 2024 19:13
@DBowen33 DBowen33 requested review from crisbeto and mmalerba and removed request for a team November 13, 2024 19:13
<div #trackActive class="mdc-slider__track--active_fill"></div>
</div>
<div class="mdc-slider__end-tick-mark-container">
@if (_cachedWidth) {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why can't we reuse the rendering of the tick marks below?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The rendering of the tickMarkContainer div and tick marks below is based on the showTickMarks flag. Since I want this end tick mark to be on the slider permanently regardless of the value of the showTickMarks flag, I thought to make a permanent div to hold the end tick mark.

Let me know if you recommend approaching it a different way!

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If it's always supposed to be there, couldn't we hardcode one div and position it with CSS?

@mmalerba mmalerba removed their request for review November 14, 2024 15:50
@DBowen33 DBowen33 closed this Nov 14, 2024
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Dec 15, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants