Skip to content

Commit 8c7b36b

Browse files
fix(select) Update the select size inside the context of the paginator. (#12812)
- make the select inside the paginator to always be in compact density. - change the width of the select to be a bit wider in order to show at least four digits before showing an ellipsis. Co-authored-by: Stamen Stoychev <[email protected]>
1 parent e32cc8c commit 8c7b36b

File tree

2 files changed

+2
-5
lines changed

2 files changed

+2
-5
lines changed

projects/igniteui-angular/src/lib/core/styles/components/paginator/_paginator-theme.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -117,8 +117,8 @@
117117

118118
%igx-page-size__select {
119119
display: flex;
120-
max-width: rem(90px);
121-
min-width: rem(80px);
120+
max-width: rem(114px);
121+
min-width: rem(100px);
122122
}
123123

124124
%igx-page-nav {

projects/igniteui-angular/src/lib/paginator/paginator.component.ts

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -309,9 +309,6 @@ export class IgxPaginatorComponent extends DisplayDensityBase {
309309
* @hidden
310310
*/
311311
public get paginatorSelectDisplayDensity(): DisplayDensity {
312-
if (this.displayDensity === DisplayDensity.comfortable) {
313-
return DisplayDensity.cosy;
314-
}
315312
return DisplayDensity.compact;
316313
}
317314
/**

0 commit comments

Comments
 (0)