From ffec85015983f44722ce375057e695ee57ea0d89 Mon Sep 17 00:00:00 2001 From: Mike Webb Date: Tue, 16 Aug 2022 13:17:16 -0400 Subject: [PATCH] fix: lint errors --- .../loading-mask-demo-basic.component.scss | 1 + libs/angular/loading/_loading-theme.scss | 1 + libs/angular/loading/src/loading.component.scss | 5 +++++ 3 files changed, 7 insertions(+) diff --git a/apps/docs-app/src/app/content/components/component-demos/loading-mask/demos/loading-mask-demo-basic/loading-mask-demo-basic.component.scss b/apps/docs-app/src/app/content/components/component-demos/loading-mask/demos/loading-mask-demo-basic/loading-mask-demo-basic.component.scss index d75d7581b..2a007d6cb 100644 --- a/apps/docs-app/src/app/content/components/component-demos/loading-mask/demos/loading-mask-demo-basic/loading-mask-demo-basic.component.scss +++ b/apps/docs-app/src/app/content/components/component-demos/loading-mask/demos/loading-mask-demo-basic/loading-mask-demo-basic.component.scss @@ -2,6 +2,7 @@ display: flex; flex-direction: column; width: 200px; + td-loading-mask { margin-bottom: 8px; } diff --git a/libs/angular/loading/_loading-theme.scss b/libs/angular/loading/_loading-theme.scss index 1b2a4e50e..8dfd08d8a 100644 --- a/libs/angular/loading/_loading-theme.scss +++ b/libs/angular/loading/_loading-theme.scss @@ -2,6 +2,7 @@ @mixin td-loading-theme($theme) { $background: map-get($theme, background); + .td-loading-wrapper { &.td-overlay .td-loading { background: rgba(mat-color($background, dialog), 0.8); diff --git a/libs/angular/loading/src/loading.component.scss b/libs/angular/loading/src/loading.component.scss index 43b8c919a..6976c821d 100644 --- a/libs/angular/loading/src/loading.component.scss +++ b/libs/angular/loading/src/loading.component.scss @@ -1,9 +1,11 @@ .td-loading-wrapper { position: relative; display: block; + &.td-fullscreen { position: inherit; } + .td-loading { // layout box-sizing: border-box; @@ -18,6 +20,7 @@ // flex flex: 1; } + &.td-overlay { .td-loading { position: absolute; @@ -26,6 +29,7 @@ left: 0; right: 0; z-index: 1000; + mat-progress-bar { position: absolute; top: 0; @@ -34,6 +38,7 @@ } } } + &.td-overlay-circular { .td-loading { bottom: 0;