[FEATURE] redesign the input number for input range

[Dunsin]

Description

Tasks to do:

• add the selector .input-range-inputs[type="number"] for input range to this rule
  

  Code-Magic/src/style.css

  Lines 624 to 631 in 8d73ffd

   .styled-input { 
     background-color: var(--secondary-color); 
     border: 1px solid #010204; 
     border-radius: 5px; 
     caret-color: var(--primary-color); 
     color: var(--text-color); 
     padding: 4px; 
   } 

• do the same here
  

  Code-Magic/src/style.css

  Lines 633 to 643 in 8d73ffd

   .styled-input:focus, 
   .styled-input:focus-visible { 
     outline: none; 
   } 
    
   .styled-input::-webkit-inner-spin-button, 
   .styled-input::-webkit-outer-spin-button { 
     -webkit-appearance: none; 
     appearance: none; 
     margin: 0; 
   } 

Screenshots

from this:

to this:

Are you willing to work on this issue ?

None

[github-actions]

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 🤓

[Md Afzal Ansari]

Hey, I would like to work on this. Can you please assign this to me?

[Monik]

Hello @Dun-sin . i previously applied for an issue . if i am not assigned that . can you assign me this issue ?

[Vidit Agrawal]

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

[\144\150\162\165\166]

Hey @Dun-sin , would you please assign this issue to me?

[Dunsin]

Hey @Dun-sin , Will you please assign this issue to me?

Sure, thanks for wanting to contribute. Make sure to read the issue description carefully and ask if you have questions. Follow the rules here, or your PR won't be accepted and will be closed. Good luck!

[Dunsin]

🎉 This issue has been resolved in version 2.75.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀