Contact list checkbox rendering broken due to ripple

This commit is contained in:
Sercan Yemen 2017-11-13 10:45:16 +03:00
parent 4cb8009c69
commit e8449e340d
2 changed files with 11 additions and 6 deletions

View File

@ -1,6 +1,6 @@
@import "src/app/core/scss/fuse";
:host {
fuse-contacts-contact-list {
flex: 1;
.mat-table {
@ -9,6 +9,10 @@
.mat-column-checkbox {
flex: 0 1 48px;
.mat-checkbox-ripple {
display: none !important; //fix for broken rendering
}
}
.mat-column-avatar {

View File

@ -1,4 +1,4 @@
import { Component, OnDestroy, OnInit, TemplateRef, ViewChild } from '@angular/core';
import { Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';
import { ContactsService } from '../contacts.service';
import { Observable } from 'rxjs/Observable';
import { FuseContactsContactFormDialogComponent } from '../contact-form/contact-form.component';
@ -13,6 +13,7 @@ import { Subscription } from 'rxjs/Subscription';
selector : 'fuse-contacts-contact-list',
templateUrl : './contact-list.component.html',
styleUrls : ['./contact-list.component.scss'],
encapsulation: ViewEncapsulation.None,
animations : fuseAnimations
})
export class FuseContactsContactListComponent implements OnInit, OnDestroy