Button with Icon Only looks weird

Post Reply
dataConnect
Posts: 1
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: 316
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
}


Post Reply

Return to “Morpheus - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests