fix: make pagination text consist on resize (#2689)

Co-authored-by: Akshat Patel <[email protected]>
carbon-design-system · Aug 28, 2023 · 355117b · 355117b
1 parent b9d53e0
commit 355117b
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/pagination/pagination.component.ts b/src/pagination/pagination.component.ts
@@ -91,13 +91,13 @@ export interface PaginationTranslations {
 					</svg>
 				</div>
 			</ng-container>
-			<span *ngIf="!pagesUnknown && totalDataLength <= 1" class="bx--pagination__text" [ngStyle]="{'margin-left': showPageInput ? null : 0}">
+			<span *ngIf="!pagesUnknown && totalDataLength <= 1" class="bx--pagination__text bx--pagination__items-count" [ngStyle]="{'margin-left': showPageInput ? null : 0}">
 				{{totalItemText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}}
 			</span>
-			<span *ngIf="!pagesUnknown && totalDataLength > 1" class="bx--pagination__text" [ngStyle]="{'margin-left': showPageInput ? null : 0}">
+			<span *ngIf="!pagesUnknown && totalDataLength > 1" class="bx--pagination__text bx--pagination__items-count" [ngStyle]="{'margin-left': showPageInput ? null : 0}">
 				{{totalItemsText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex, total: totalDataLength } | async}}
 			</span>
-			<span *ngIf="pagesUnknown" class="bx--pagination__text" [ngStyle]="{'margin-left': showPageInput ? null : 0}">
+			<span *ngIf="pagesUnknown" class="bx--pagination__text bx--pagination__items-count" [ngStyle]="{'margin-left': showPageInput ? null : 0}">
 				{{totalItemsUnknownText.subject | i18nReplace:{start: startItemIndex, end: endItemIndex } | async}}
 			</span>
 		</div>