Serenity Not Working As Advertised

Post Reply
twilliams
Posts: 1
Joined: 11 May 2018, 17:53

14 May 2018, 19:24

I have incorporated Serenity into my production app, but have immediately encountered an issue that is not operating like the demo.

I have added all the buttons from the button page, but notice that when I hover over any of the buttons, I get a background-color of the primary color. This is including colored buttons. In the demo, the hover state is a darker shade of the button's color, not the primary color of the theme.

I have wasted hours upon hours trying to figure out what's going on with this, and am interested in processing a refund.

cagatay.civici
Prime
Posts: 17966
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

14 May 2018, 20:26

It seems you have a custom CSS in your app that is overriding the Serenity Buttons. Like in screenshot above, open dev tools, select a colored button like cyan and add hover state from the :hov filter and you should see what is going wrong in your app.

Image

Please attach your screenshot on what you see when you do this.

cagatay.civici
Prime
Posts: 17966
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

15 May 2018, 09:31

Any update? Can you also attach your angular-cli.json? How did you incorporate the theme.css and primeng.css?

Post Reply

Return to “Serenity - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest