web: make siteshell's loading be relative to parent

This commit is contained in:
Jens Langhammer 2020-12-27 19:36:30 +01:00
parent e216efb6ec
commit a7bdd63e4d
1 changed files with 3 additions and 16 deletions

View File

@ -30,17 +30,6 @@ export class SiteShell extends LitElement {
::slotted(*) { ::slotted(*) {
height: 100%; height: 100%;
} }
:host .pf-l-bullseye {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 2000;
}
.pf-c-backdrop {
--pf-c-backdrop--BackgroundColor: rgba(0, 0, 0, 0) !important;
}
`, `,
BackdropStyle, BackdropStyle,
BullseyeStyle, BullseyeStyle,
@ -156,11 +145,9 @@ export class SiteShell extends LitElement {
render(): TemplateResult { render(): TemplateResult {
return html` ${this.loading ? return html` ${this.loading ?
html`<div class="pf-c-backdrop"> html`<div class="pf-l-bullseye">
<div class="pf-l-bullseye"> <div class="pf-l-bullseye__item">
<div class="pf-l-bullseye__item"> <ak-spinner size=${SpinnerSize.XLarge}></ak-spinner>
<ak-spinner size=${SpinnerSize.XLarge}></ak-spinner>
</div>
</div> </div>
</div>` </div>`
: ""} : ""}