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
}