Waves effect makes button have more padding


Topic: Waves effect makes button have more padding

pro asked 7 years ago

I see that the waves effect being applied to an input button makes it have larger padding: .waves-button-input { margin0; 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!  

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!

Jakub Strebeyko staff answered 7 years ago

Hi there,

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
Please insert min. 20 characters.

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