feat(value-list): using Scrim for loading and disabled.

Esri · Oct 19, 2019 · 26027e2 · 26027e2
1 parent e9d0c74
commit 26027e2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/calcite-value-list/calcite-value-list.scss b/src/components/calcite-value-list/calcite-value-list.scss
@@ -4,6 +4,7 @@
   display: flex;
   flex-flow: column;
   padding: 0 var(--calcite-app-side-spacing-half);
+  position: relative;
 }
 
 header {

diff --git a/src/components/calcite-value-list/calcite-value-list.tsx b/src/components/calcite-value-list/calcite-value-list.tsx
@@ -14,6 +14,7 @@ import {
 import guid from "../utils/guid";
 import { CSS, ICON_TYPES, TEXT } from "./resources";
 import { VNode } from "@stencil/core/dist/declarations";
+import CalciteScrim from "../utils/CalciteScrim";
 
 /**
  * @slot menu-actions - A slot for adding a button + menu combo for performing actions like sorting.
@@ -276,11 +277,9 @@ export class CalciteValueList {
   }
 
   renderScrim(): VNode {
-    return this.loading || this.disabled ? <calcite-loader is-active></calcite-loader> : null;
-    // REPLACE WITH CalciteScrim #381
-    /*
+    return this.loading || this.disabled ? (
       <CalciteScrim loading={this.loading}></CalciteScrim>
-    */
+    ) : null;
   }
 
   render() {