purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-01-10 04:25:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed: ngx datatable sort arrow icons are not working correctly and they are not aligned

Browse Source 
Small comment tweak
This commit is contained in:
sercan 2019-01-02 10:05:21 +03:00
parent 84696aed79
commit 79d2ed8cfe
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/@fuse/scss/partials/plugins/_ngx-datatable.scss
View File

@ -95,6 +95,11 @@
min-height: 48px; min-height: 48px;
font-size: 13px; font-size: 13px;
padding: 0 24px; padding: 0 24px;
.datatable-header-cell-template-wrap {
display: inline-flex;
align-items: center;
}
} }
} }
@ -172,7 +177,7 @@
} }
[class*="datatable-icon-"] { [class*="datatable-icon-"] {
font-family: 'Material Icons'; font-family: 'material-outline-icons';
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-size: 24px; font-size: 24px;
@ -204,11 +209,11 @@
} }
.datatable-icon-up:before { .datatable-icon-up:before {
content: "keyboard_arrow_up"; content: "arrow_drop_up";
} }
.datatable-icon-down:before { .datatable-icon-down:before {
content: "keyboard_arrow_down"; content: "arrow_drop_down";
} }
.datatable-icon-sort:before { .datatable-icon-sort:before {

2
src/app/app.theme.scss
View File

@ -61,7 +61,7 @@ $custom_palettes: (
// @ Typography // @ Typography
// ----------------------------------------------------------------------------------------------------- // -----------------------------------------------------------------------------------------------------
// Force the input field font sizes to 16px // Angular Material typography
$typography: mat-typography-config( $typography: mat-typography-config(
$font-family: 'Muli, Helvetica Neue, Arial, sans-serif', $font-family: 'Muli, Helvetica Neue, Arial, sans-serif',
$title: mat-typography-level(20px, 32px, 600), $title: mat-typography-level(20px, 32px, 600),