How to place busy at custom position

[ashkrit]

i want to put busy icon at different place based on screen ,so I used wrapperClass attribute to override the custom CSS.

BusyModule.forRoot(new BusyConfig({ message: 'Please wait...??????', backdrop: true, delay: 200, minDuration: 600, wrapperClass:'ng-busy2' }))

This custom class is copy of ng2-busy with top attribute changed for ng-busy2-default-spinner class.

.ng-busy2-default-spinner div { position: absolute; left: 44.5%; top: 0%; width: 10%; height: 26%; background: #666; border-radius: 50px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); opacity: 0; -webkit-animation: busy-spinner-anim 1s linear infinite; animation: busy-spinner-anim 1s linear infinite; }

Why this is not getting picked up.

[singhrasster]

@ashkrit Were you able to override the styling?