Employee Center Required Information displaying incorrectly

[Jeannette2]

When Mandatory information is missing it shows the relevant fields on the right of the Record Producer/Request Item.  However the field name has a dark gray background which makes it hard to read as displayed below.  I want to change it to white.

Any help appreciated

 

[Jeannette2]

Mark, thank you.  I inspected the page and for some reason the colour was showing as #background-color: #474D5A; I have adjusted the colour on screen so I know I'm in the right place.  I have searched the CSS field for all Style Sheets to find any containing #474D5A but no results.

I searched a bit more and found that the Widget had been updated.  I've amended that and it now works as expected.  

[Mark Roethof]

Nice that it now works as expected? Any other help needed on this topic or is the topic done?

[Jeannette2]

All done, thank you

[Mitch Fleischm1]

Hi there!

We've experienced this too. It appears that if you're using the OOB Catalog Item widget, but have a custom theme, there are some new SCSS variables introduced in one of the most recent updates to Employee Center. The new SCSS variables (being undefined) break the CSS that controls that element (see the attached screenshot). The background color falls back to the default ".sc-field-error-label" class, which has a background color (at least for us) of "#474D5A". The variables should be defined in the "sp_theme" record's "CSS variables".

These are the variables that control that element and the values I set for our instance:

$border-bg-transparent : transparent;

$border-style-solid : solid;

$border-width-xs : 1px;

I've also attached a screenshot of the section where we placed it in the "CSS variables" field in our theme.

Hope this helps,

Mitch

[PradeepAdiga]

The issue is occurring because the Employee Center plugin has been upgraded. The background color is retrieved from the CSS property "$sc-field-error-color" in the portal theme. To resolve this, add the following code to the portal theme record:

.sc-field-error-label {
background-color: transparent;
}