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

Contact list checkbox rendering broken due to ripple

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/main/content/apps/contacts/contact-list/contact-list.component.scss
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 {

11
src/app/main/content/apps/contacts/contact-list/contact-list.component.ts
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';
@ -10,10 +10,11 @@ import { fuseAnimations } from '../../../../../core/animations';
import { Subscription } from 'rxjs/Subscription';
@Component({
selector : 'fuse-contacts-contact-list',
templateUrl: './contact-list.component.html',
styleUrls : ['./contact-list.component.scss'],
animations : fuseAnimations
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
{