On the Button module, when the Style > Corner > Radius field is set to "0px", it will default to the theme button radius instead. So if the user has set all buttons on the theme to be rounded but wants a 0px radius on this particular button module, it will not apply.
The reason is because the condition is set as {% if module.styles.corner.radius %} which excludes 0. Instead, it should be set to {% if module.styles.corner.radius >= 0 %}
Expected behavior
When the user sets the button module radius to 0px, it should have a sharp, 0px radius. Module style settings should override theme style settings.
To Reproduce
Steps to reproduce the behavior:
On the boilerplate theme, go to Theme Settings > Buttons > Corner and give buttons a radius (e.g. 16px)
On a page, drag in the Button module and go to Styles > Corner
If the radius is set to 0px, it'll default to the 16px from the theme settings instead of 0px
Screenshots/source code
On cms-theme-boilerplate/src/modules/button.module/module.html, update {% if module.styles.corner.radius %} to {% if module.styles.corner.radius >= 0 %}
Description
On the Button module, when the Style > Corner > Radius field is set to "0px", it will default to the theme button radius instead. So if the user has set all buttons on the theme to be rounded but wants a 0px radius on this particular button module, it will not apply.
The reason is because the condition is set as
{% if module.styles.corner.radius %}which excludes 0. Instead, it should be set to{% if module.styles.corner.radius >= 0 %}Expected behavior
When the user sets the button module radius to 0px, it should have a sharp, 0px radius. Module style settings should override theme style settings.
To Reproduce
Steps to reproduce the behavior:
Screenshots/source code
On cms-theme-boilerplate/src/modules/button.module/module.html, update
{% if module.styles.corner.radius %}to{% if module.styles.corner.radius >= 0 %}Device information
N/A
Additional context
N/A
Checklist