Skip to main content

This content is closed to future replies and is no longer being maintained or updated.
Links may no longer function. If you have a similar request, please write a new post.

Question

 Brahmeswara Rao (Brahmesh@)
Skandiabanken
Brahmeswara Rao
Skandiabanken
SE
Brahmesh@ Member since 2013 219 posts
Skandiabanken
Posted: Aug 3, 2023
Last activity: Sep 21, 2023
Posted: 3 Aug 2023 8:51 EDT
Last activity: 21 Sep 2023 23:06 EDT
Closed

Incorrect Border with Close Icon in Modal Dialogue

After upgrade to Pega 8.8 and UI-KIT:07-15-01 . We see the border of close Icon is not correct in modal dialogue .I see the container-close css class is being used for close icon in py-icons CSS file,however not sure how to correct the boarder (like make it square or circle)..

Border

If below css is removed then it's working fine as boarder line around close icon is displaying in rectangular .

CSS

***Edited by Moderator Rupashree to add Capability tags***
To see attachments, please log in.
Pega Platform 8.8.1
User Experience
Case Management

Posted: 2 years ago
Posted: 21 Sep 2023 23:06 EDT
Dipti Aggarwal (Dipti Aggarwal)
PEGA
Principal Technical Support Engineer, User and Product Experience
Pegasystems Inc.
IN

@BRAHMESH@

Try adding the below code in py-icons.css file

.yui-panel .container-close, .container-close {

padding:1px 3px 3px 4px;

}

Readjust the values if required.

To see attachments, please log in.

We'd prefer it if you saw us at our best.

Pega Collaboration Center has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice