Button with Icon Only looks weird

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
dataConnect
Posts: 3
Joined: 22 Oct 2018, 11:47

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?

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

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
}


dataConnect
Posts: 3
Joined: 22 Oct 2018, 11:47

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 :?:

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

03 Dec 2018, 09:32

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

dataConnect
Posts: 3
Joined: 22 Oct 2018, 11:47

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"

Post Reply

Return to “Morpheus - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests