diff --git a/projects/igniteui-angular/src/lib/core/styles/components/progress/_progress-component.scss b/projects/igniteui-angular/src/lib/core/styles/components/progress/_progress-component.scss index cbddc10ef73..876486a5c40 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/progress/_progress-component.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/progress/_progress-component.scss @@ -113,15 +113,15 @@ @extend %circular-text !optional; } - @include e(text, $m: hidden) { - @extend %circular-text !optional; - } - @include m(indeterminate) { @extend %circular-display--indeterminate !optional; @include e(outer) { @extend %circular-outer--indeterminate !optional; } + + @include e(text) { + @extend %circular-text--hidden !optional; + } } } diff --git a/projects/igniteui-angular/src/lib/core/styles/components/progress/_progress-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/progress/_progress-theme.scss index 3044ddf69c5..58c097b0fa5 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/progress/_progress-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/progress/_progress-theme.scss @@ -292,6 +292,10 @@ fill: --var($theme, 'text-color'); } + %circular-text--hidden { + visibility: hidden; + } + @include keyframes('indeterminate-accordion') { 50% { stroke-dashoffset: 260; diff --git a/projects/igniteui-angular/src/lib/progressbar/circularbar.component.spec.ts b/projects/igniteui-angular/src/lib/progressbar/circularbar.component.spec.ts index 486ea9a8d06..3a689ffa7ac 100644 --- a/projects/igniteui-angular/src/lib/progressbar/circularbar.component.spec.ts +++ b/projects/igniteui-angular/src/lib/progressbar/circularbar.component.spec.ts @@ -450,6 +450,9 @@ describe('IgCircularBar', () => { fix.detectChanges(); expect(bar.classList.contains(CIRCULAR_INDETERMINATE_CLASS)).toEqual(true); + + // Expect text in indeterminate bar to be hidden; + expect(getComputedStyle(bar.querySelector('text').firstElementChild).visibility).toEqual('hidden'); }); }); });