Icon only buttons not displayed correctly in Firefox

[aflorin]

Buttons without a label (icons only) have extremely small widths in firefox causing the icons to be cut off when they are inside a ui-fluid element.

If the buttons are outside a ui-fluid element, they are set correctly to width of 2em.

The problem is in the theme-[color].css:

Code: Select all

body .ui-fluid .ui-button-icon-only {
  width: auto; }

And also in _forms.scss

Code: Select all

    .ui-fluid {
        .ui-button-icon-only {
            width: auto;
        }
    }

[merve7]

Thank you,
We fixed for next release.

[aflorin]

This problem is back but it now happens with icon only buttons outside of .ui-fluid elements.

I got around it by adding the following to my custom scss:

.ui-button-icon-only {
width: 2.143em;
}

[merve7]

Hi,
Thank you. We will fix in next release(Avalon 7).