Skip to content

Small tweak to top margin of horizontal volume slider thumb - #562

Merged
cjcolvar merged 1 commit into
mainfrom
slider-thumb
Jul 12, 2024
Merged

Small tweak to top margin of horizontal volume slider thumb#562
cjcolvar merged 1 commit into
mainfrom
slider-thumb

Conversation

@cjcolvar

@cjcolvar cjcolvar commented Jul 10, 2024

Copy link
Copy Markdown
Member

Before:
Screenshot from 2024-07-10 17-16-19

After:
Screenshot from 2024-07-10 17-15-15

Part of #559

@Dananji Dananji left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

It looks good from the attached screenshot in the PR.

But, in the ticket the screenshot shows that the thumb is below the volume slider bar unlike the before screenshot in the PR.
So, my guess is that increasing margin-top wouldn't work in the Avalon context, since this change pushes the thumb further down.
Other possible solutions:

  • try using a different CSS property to align things properly (like vertical-align on the SVG)?
  • tweak this in Avalon code if there's no other way to fix this on the Ramp side?

What do you think @cjcolvar ?

@Dananji Dananji left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Sorry, I didn't see that you had made the change in Avalon repo before. So, I guess this is good for Ramp side of things.

@cjcolvar
cjcolvar merged commit f092f89 into main Jul 12, 2024
@cjcolvar
cjcolvar deleted the slider-thumb branch July 12, 2024 13:36
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