Topic: Waves effect makes button have more padding
I see that the waves effect being applied to an input button makes it have larger padding:
.waves-button-input {
margin: 0;
padding: .85em 1.1em;
}
why is that? it looks strange when its next to a regular button which has the usual .btn class padding.
If the padding cant be fixed, how can the waves be disabled? i dont see it enabled via CSS or JS...
Thanks!
Hi there,
In praxis, it's the
Let me ensure I understand the issue correctly: Are you wondering about the class' padding itself?
Best Regards,
Kuba
In praxis, it's the
btn class that gives elements primary styling (including the padding and wave effect). In this scenario it'd mean styling both button and input elements the same way, which was the case when we tried to re-create the issue. Let me ensure I understand the issue correctly: Are you wondering about the class' padding itself?
Best Regards,
Kuba
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Bartłomiej Malanowski staff pro premium commented 7 years ago
Could you please share your HTML code for buttons with us?pro commented 7 years ago
Sure: <pre> <input type="submit" id="submitter" value="שלח דיווח" class="btn btn-primary btn-rounded btn_orange"></pre>pro commented 7 years ago
Any news? Thanks!