fix(loading) small loader not spinning on fixed position

[peter310]

Closes carbon-design-system/carbon-website#2106

change the height and width on small loader class to fix the issue

[netlify]

Deploy preview for carbon-elements ready!

Built with commit eccb7bb

https://deploy-preview-7818--carbon-elements.netlify.app

[netlify]

Deploy preview for carbon-components-react ready!

Built without sensitive environment variables with commit eccb7bb

https://deploy-preview-7818--carbon-components-react.netlify.app

[tw15egan]

Hey there @peter310, this is doubling the overall height/width of the small loading, which I don't think is intended.

If you are trying to resolve the comment about

in the demo the small loading is wobbling around and not staying in place.

I believe we just need to add position: absolute to .bx--loading__svg as an override on the Carbon website repo, as this is a website-specific bug. Specifically, we can add it here https://github.com/carbon-design-system/carbon-website/blob/master/src/components/ComponentDemo/ComponentDemo.module.scss

Specifically,

  [class*='--loading--small'] [class*='--loading__svg'] {
    position: absolute;
  }

I'm going to close this out, but feel free to make a PR on the website repo with the suggested change. Thanks!