skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(paginator): page size selections being truncated with outline and fill appearances (#11722)

Browse Source 
Fixes the page size selector value being truncated if the default form field appearance is set to `outline` or `fill`.

Fixes #11681.
This commit is contained in:
Kristiyan Kostadinov
2018-06-15 22:22:49 +02:00
committed by Jeremy Elbourn
parent e349fe4d7c
commit 255c10adf0
1 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/paginator/paginator.scss
+15 -2
View File
@@ -5,7 +5,12 @@ $mat-paginator-page-size-margin-right: 8px;
$mat-paginator-items-per-page-label-margin: 0 4px;
$mat-paginator-selector-margin: 6px 4px 0 4px;
$mat-paginator-selector-trigger-min-width: 56px;
$mat-paginator-selector-trigger-width: 56px;
$mat-paginator-selector-trigger-outline-width: 64px;
$mat-paginator-selector-trigger-fill-width: 64px;
/** @deprecated Use `$mat-paginator-selector-trigger-width` instead. @deletion-target 8.0.0 */
$mat-paginator-selector-trigger-min-width: $mat-paginator-selector-trigger-width;
$mat-paginator-range-actions-min-height: 48px;
@@ -58,7 +63,15 @@ $mat-paginator-button-last-increment-icon-margin: 9px;
.mat-paginator-page-size-select {
margin: $mat-paginator-selector-margin;
width: $mat-paginator-selector-trigger-min-width;
width: $mat-paginator-selector-trigger-width;
&.mat-form-field-appearance-outline {
width: $mat-paginator-selector-trigger-outline-width;
}
&.mat-form-field-appearance-fill {
width: $mat-paginator-selector-trigger-fill-width;
}
}
.mat-paginator-range-label {