Prime Community Forum

Posted: **25 Oct 2018, 10:37**

Hi,
we just bought the Morpheus theme and I started to integrate it in our app when I realized the strange look of a button with icon only. (See the buttons section in the live preview https://www.primefaces.org/morpheus-ng/#/forms)

Is that on purpose? What is the recommended approach to change the size of this icon only button?

Posted: **30 Oct 2018, 08:43**

You can add the below code your stylesheet (for example src/styles.scss) for changing button size;

Code: Select all

.ui-fluid .ui-button.ui-button-icon-only {
    width: //size
}

.ui-button.ui-button-icon-only {
    width: //size
}

Posted: **23 Nov 2018, 16:48**

I figured out it is only in Firefox. That should be fixed in the stylesheet right?

Why can't I upload screenshots here

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

Hi,
Yes, that should be in the stylesheet to not change after our releases.

Posted: **27 Dec 2018, 09:34**

Hi,
I upgraded to Morpheus 7.0 and the icon-only buttons are still having no margin in Firefox

btw. by stylesheet, in my post before, I meant "fixed by the Primefaces- Vendor-Stylesheet I bought"

Prime Community Forum

Button with Icon Only looks weird

Button with Icon Only looks weird

Re: Button with Icon Only looks weird

Re: Button with Icon Only looks weird

Re: Button with Icon Only looks weird

Re: Button with Icon Only looks weird