Dun-sin / Code-Magic

Code Generator - Easily Generate CSS and Tailwind code based on your choice and input

Home Page:https://code-magic.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[BUG] The thumb radius section in Input Range breaks in mobile view.

viditagrawal56 opened this issue Β· comments

Description

In mobile view when the 'include thumb radius' and 'include track radius' options are enabled, the input box causes the tickmark icon to stretch and overall it does not look good

Screenshots

Current Behavior:-

image

Expected Behavior:-

image

Additional information

No response

πŸ₯¦ Browser

Brave

πŸ‘€ Have you checked if this issue has been raised before?

  • I checked and didn't find a similar issue

🏒 Have you read the Contributing Guidelines?

Are you willing to work on this issue?

Yes I am willing to submit a PR!

It's great having you contribute to this project by creating an issue

Make sure you are assigned to this before you work on it and you read the Contributing.md file, Thank you! Welcome to the community πŸ€“

Hey @Dun-sin I would like to work on this issue. Please assign it to me.

not an issue, is this from the original website or your local code?
image

@Dun-sin I am getting this issue on the original website πŸ€”

@Dun-sin I checked on my mobile and on different browsers too.... weird how you don't see it

@Dun-sin I checked on my mobile and on different browsers too.... weird how you don't see it

what other browsers?

@Dun-sin Chrome and on Brave which is my default

@Dun-sin I checked both on my mobile as well as on desktop in responsive view through developer options

@Dun-sin Chrome

Technically brave and chrome are the same thing, just so you know they are both based on chromium, but i know what the problem is, the problem is the browser. It works on firefox (which I use), doesn't on chromium browsers, that should help you solve it.

will assign it to you, follow the rules as usual

@Dun-sin So I should make the changes for only chromium based browser by using -webkit-appearance prefix right?

@Dun-sin So I should make the changes for only chromium based browser by using -webkit-appearance prefix right?

fix it the best way you think possible

πŸŽ‰ This issue has been resolved in version 2.72.3 πŸŽ‰

The release is available on GitHub release

Your semantic-release bot πŸ“¦πŸš€