From 9b065634ad7a14cc0fddf6d2e56fb656e7929292 Mon Sep 17 00:00:00 2001
From: Denys Vuika <denis.vuyka@gmail.com>
Date: Thu, 2 Jun 2016 14:47:04 +0100
Subject: [PATCH] #82 css improvements

---
 .../src/components/datatable.component.css                    | 3 +++
 .../src/components/datatable.component.html                   | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/ng2-components/ng2-alfresco-datatable/src/components/datatable.component.css b/ng2-components/ng2-alfresco-datatable/src/components/datatable.component.css
index aba6727724..a66d08f92c 100644
--- a/ng2-components/ng2-alfresco-datatable/src/components/datatable.component.css
+++ b/ng2-components/ng2-alfresco-datatable/src/components/datatable.component.css
@@ -17,6 +17,9 @@
 
 :host .column-header {
     cursor: pointer;
+}
+
+:host .non-selectable {
     user-select: none;
     -webkit-user-select: none;   /* Chrome/Safari/Opera */
     -moz-user-select: none;      /* Firefox */
diff --git a/ng2-components/ng2-alfresco-datatable/src/components/datatable.component.html b/ng2-components/ng2-alfresco-datatable/src/components/datatable.component.html
index 32e4d97e12..2f9e10cea8 100644
--- a/ng2-components/ng2-alfresco-datatable/src/components/datatable.component.html
+++ b/ng2-components/ng2-alfresco-datatable/src/components/datatable.component.html
@@ -13,7 +13,7 @@
                 <input type="checkbox" id="table-header" class="mdl-checkbox__input" />
             </label>
         </th>
-        <th class="mdl-data-table__cell--non-numeric {{col.cssClass}}"
+        <th class="mdl-data-table__cell--non-numeric non-selectable {{col.cssClass}}"
             *ngFor="#col of data.getColumns()"
             [class.column-header]="col.title"
             [class.mdl-data-table__header--sorted-ascending]="isColumnSorted(col, 'asc')"
@@ -40,7 +40,7 @@
             </label>
         </td>
         <td *ngFor="#col of data.getColumns()" [ngSwitch]="col.type"
-            class="mdl-data-table__cell--non-numeric data-cell {{col.cssClass}}"
+            class="mdl-data-table__cell--non-numeric data-cell non-selectable {{col.cssClass}}"
             (click)="onRowClick(row, $event)" (dblclick)="onRowDblClick(row, $event)">
             <div *ngSwitchWhen="'image'">
                 <i *ngIf="isIconValue(row, col)" class="material-icons icon-cell">{{asIconValue(row, col)}}</i>