Hello,
Can you please fix the regression of the styling of ui-button-secondary which appeared on 6.1.0?
And/or if the release is a long process, give us here in a comment how to fix this in the scss file please ?
Thank you.
ui-button-secondary broken in 6.1.0
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
Well, you can go and check the online demo under the section of all the buttons. You will see that the secondary button is not displayed as secondary but the default style is applied instead (blue/info): https://www.primefaces.org/apollo-ng/#/forms
The button should be grey instead.
The button should be grey instead.
So sorry for this confusion. We fixed for next release but you can use the below code until release;
Code: Select all
.ui-button.ui-state-default.ui-button-secondary {
background-color: #f4f4f4;
border-color: #f4f4f4;
color: #333333;
&:enabled:hover {
border-color: darken(#f4f4f4,5%);
background-color: darken(#f4f4f4,5%);
}
&:enabled:focus {
border-color: #f4f4f4;
outline: 0 none;
background-color: lighten(#f4f4f4,2%);
}
&:enabled:active {
border-color: darken(#f4f4f4,10%);
background-color: darken(#f4f4f4,10%);
}
}
Thank you, that'll helps
So I added 2 new variables in '_variables.scss':
and as suggested I modified '_forms.scss':
I still need to fix the styling also in other places such as in toolbar (<p-toolbar> has a grey background), etc...
But waiting for your official fix, that will help me a lot in the meantime.
Thank you again.
So I added 2 new variables in '_variables.scss':
Code: Select all
/* Predefined Colors */
$lightgrey:#f4f4f4;
$grey:#333333;
Code: Select all
.ui-button.ui-state-default.ui-button-secondary, .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default {
background-color: $lightgrey;
border-color: $lightgrey;
color: $grey;
&:enabled:hover {
background-color: darken($lightgrey,5%);
border-color: darken($lightgrey,5%);
}
&:enabled:focus {
outline: 0 none;
background-color: lighten($lightgrey,2%);
border-color: $lightgrey;
}
&:enabled:active {
background-color: darken($lightgrey,10%);
border-color: darken($lightgrey,10%);
}
}
But waiting for your official fix, that will help me a lot in the meantime.
Thank you again.
-
- Information
-
Who is online
Users browsing this forum: No registered users and 11 guests