Topic: Default Number Input not responsive
Expected behavior
Actual behavior
spacing is off as shown here. There is no animation working on either of them either. This code appears to not be working: .number-input button.plus:after {
transform: translate(-50%, -50%) rotate(90deg);
}
Hi,
would you create a snippet showing the problem here: https://mdbootstrap.com/snippets/? I'll try to help you.
Best, Marta
Travisse Hansen free commented 6 years ago
Hey Marta,
Sorry that took so long to get back to you, I have some other work that took me away from this particular problem but this is now front and center again of what I need to fix. Here is the snippet - just open it on Safari Mobile and you'll see how the vertical alignment is off: https://mdbootstrap.com/snippets/jquery/travisse_hansen/564225
just realized what the transform code is doing. So disregard that - but the padding/spacing around the plus and minus sign is still causing issues
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.7.4
- Device: iOS
- Browser: Chrome
- OS: Mac OS
- Provided sample code: No
- Provided link: No