Style defect of secondary or colored buttons

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
DCR_DM401
Posts: 26
Joined: 19 Nov 2016, 06:10

14 Dec 2017, 03:17

Hello Team,

Disabled buttons are not highlighted when enable ":hover", ":focus", ":active".
But, secondary or colored(success, info, warning, danger) buttons are highlighted despite they are disabled.

The cause: selector ":enabled" is lost in secondary or colored buttons selector.
Please check followings:

# Standard buttons selectors

Code: Select all

&:enabled:hover {
background-color: darken($primaryColor,5%);
}

&:enabled:focus {
outline: 0 none;
background-color: darken($primaryColor,5%);
}

&:enabled:active {
background-color: darken($primaryColor,10%);
@include shadow(inset 0 3px 5px rgba(0,0,0,.125));
}
# Others(secondary or colored buttons)

Code: Select all

&:hover {
background-color: #e6e6e6;
border-color: #adadad;
}

&:focus {
background-color: #e6e6e6;
border-color: #adadad;
}

&:active {
background-color: #d4d4d4;
border-color: #8c8c8c;
}

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

15 Dec 2017, 14:49

Thank you :) we fixed for next version

Post Reply

Return to “Avalon - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 5 guests