fix(loader): Do not modify display when inline (#6013)

**Related Issue:** #5900 ## Summary fix(loader): Do not modify display when inline. #5900 Co-authored-by: Ali Stump <alisonailea@users.noreply.github.com>
Esri · Dec 13, 2022 · 2d91c89 · 2d91c89
1 parent 69107e3
commit 2d91c89
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 4 deletions.
diff --git a/src/components/loader/loader.e2e.ts b/src/components/loader/loader.e2e.ts
@@ -4,6 +4,7 @@ import { renders, hidden } from "../../tests/commonTests";
 describe("calcite-loader", () => {
   it("renders", async () => {
     await renders(`<calcite-loader></calcite-loader>`, { display: "flex", visible: true });
+    await renders(`<calcite-loader inline></calcite-loader>`, { display: "flex", visible: true });
   });
 
   it("honors hidden attribute", async () => hidden("calcite-loader"));

diff --git a/src/components/loader/loader.scss b/src/components/loader/loader.scss
@@ -122,10 +122,6 @@ $loader-circumference: ($loader-scale - (2 * $stroke-width)) * 3.14159;
   vertical-align: calc(var(--calcite-loader-size-inline) * -1 * 0.2);
 }
 
-:host([inline]) {
-  @apply inline-block;
-}
-
 :host([inline]) .loader__svgs {
   @apply top-0 m-0;
   inset-inline-start: 0;