Skip to content

Commit

Permalink
Merge pull request #462 from UiPath/feat/scale-icons
Browse files Browse the repository at this point in the history
feat(grid): update font and icon sizes for high density mode
  • Loading branch information
anbalase authored Feb 21, 2024
2 parents 69934d1 + d1a3273 commit 6b034fa
Showing 1 changed file with 6 additions and 4 deletions.
10 changes: 6 additions & 4 deletions projects/angular/components/ui-grid/src/ui-grid.component.scss
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,6 @@ ui-grid {
--ui-grid-filter-container-min-height: 48px;
--ui-grid-foother-height: 32px;
--ui-grid-button-size: 32px;
--ui-grid-main-font-size: 12px;

@include mat.checkbox-density(-3);
@include mat.radio-density(-3);
Expand All @@ -46,16 +45,19 @@ ui-grid {
padding: 0;
}

.ui-grid-action-cell mat-icon {
scale: calc(16 / 24);
.ui-grid-refresh-cell,
.ui-grid-action-cell {
mat-icon {
scale: calc(18 / 24);
}
}

mat-checkbox .mdc-checkbox__background {
scale: calc(16 / 18);
}

mat-radio-button .mdc-radio__background {
scale: calc(18 / 20);
scale: calc(16 / 20);
}

[mat-icon-button] .mat-mdc-button-touch-target,
Expand Down

0 comments on commit 6b034fa

Please sign in to comment.