Fixed <xf:button> with class "button--fullWidth" is not full width if there's no link

DragonByte Tech

Well-known member
Affected version
2.1.1
If you create a button like so: <xf:button class="button--fullWidth button--cta" icon="purchase"> this is the result:

199217

This can be resolved by adding width: 100% to this CSS class: .button.button--fullWidth, a.button.button--fullWidth:

199218

199219
 
Thank you for reporting this issue. It has now been resolved and we are aiming to include it in a future XF release (2.1.2).

Change log:
Ensure that fullWidth buttons are actually fullWidth (if they are button elements, rather than anchors).
Any changes made as a result of this issue being resolved may not be rolled out here until later.
 
Top Bottom