Merge pull request #125 from umbraco/bugfix/uui-loader-circle

Author: nielslyngsoe

packages/uui-loader-circle/lib/uui-loader-circle.element.ts

@@ -1,5 +1,5 @@
 import { css, html, LitElement } from 'lit';
-import { property, query } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
 
 /**
@@ -88,6 +88,9 @@ export class UUILoaderCircleElement extends LitElement {
         font-size: 0.3em;
         font-weight: 700;
         text-align: center;
+
+        /* Center the text */
+        padding-top: 0.09em;
       }
     `,
   ];
@@ -118,22 +121,19 @@ export class UUILoaderCircleElement extends LitElement {
   @property({ type: Boolean, reflect: true, attribute: 'show-progress' })
   showProgress = false;
 
-  @query('#svg-container')
-  private _container: any;
-
   private _resizeObserver = new ResizeObserver(() => this.onResize());
   private _isLarge = false;
 
   firstUpdated() {
-    this._resizeObserver.observe(this._container);
+    this._resizeObserver.observe(this);
   }
 
   disconnectedCallback() {
     this._resizeObserver.disconnect();
   }
 
   onResize() {
-    const newIsLarge = Number.parseFloat(this._container.clientHeight) >= 30;
+    const newIsLarge = this.clientHeight >= 30;
 
     if (this._isLarge != newIsLarge) {
       this._isLarge = newIsLarge;