Question

4
Replies
825
Views
GANESHA19 Member since 2012 24 posts
Barclays
Posted: 1 year ago
Last activity: 1 year 1 month ago
Closed

PEGA 8.1.2: How to override pega infinity throbber (busy indicator) loader CSS

below is the busy indicator in PEGA 8 which is CSS style as per my analysis

Below is the CSS style I can see in (F12) google chrome debugger tool, In whcih CSS file I can find below code as I need to change it as per business requirement.

.throbber > .loader *, .throbber > .loader :after, .throbber > .loader :before {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-ms-backface-visibility: visible;
position: absolute;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: transform, background-color
}

.throbber > .loader .box, .throbber > .loader .anim, .throbber > .loader .anim:after, .throbber > .loader .anim:before {
height: 30px;
width: 30px;
}

.throbber > .loader .box {
background: #232c5b;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 3;
top: 0px;
left: 0px
}

User Interface
Moderation Team has archived post
Share this page LinkedIn