Prime Community Forum

Posted: **07 May 2018, 20:15**

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;
        }
    }

Posted: **10 May 2018, 09:06**

Thank you,
We fixed for next release.

Posted: **18 Oct 2018, 20:30**

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;
}

Posted: **03 Dec 2018, 09:10**

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

Prime Community Forum

Icon only buttons not displayed correctly in Firefox

Icon only buttons not displayed correctly in Firefox

Re: Icon only buttons not displayed correctly in Firefox

Re: Icon only buttons not displayed correctly in Firefox

Re: Icon only buttons not displayed correctly in Firefox