Icon only buttons not displayed correctly in Firefox

Post Reply
aflorin
Posts: 47
Joined: 13 Dec 2017, 19:01

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

merve7
Posts: 316
Joined: 12 Sep 2017, 10:44

10 May 2018, 09:06

Thank you,
We fixed for next release.

aflorin
Posts: 47
Joined: 13 Dec 2017, 19:01

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

Post Reply

Return to “Avalon - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest