inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

#82 css improvements

Browse Source
This commit is contained in:
Denys Vuika
2016-06-02 14:47:04 +01:00
parent 1dda8685ce
commit 9b065634ad
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
ng2-components/ng2-alfresco-datatable/src/components/datatable.component.css
View File

@@ -17,6 +17,9 @@
:host .column-header { :host .column-header {
cursor: pointer; cursor: pointer;
}
:host .non-selectable {
user-select: none; user-select: none;
-webkit-user-select: none; /* Chrome/Safari/Opera */ -webkit-user-select: none; /* Chrome/Safari/Opera */
-moz-user-select: none; /* Firefox */ -moz-user-select: none; /* Firefox */

4
ng2-components/ng2-alfresco-datatable/src/components/datatable.component.html
View File

@@ -13,7 +13,7 @@
<input type="checkbox" id="table-header" class="mdl-checkbox__input" /> <input type="checkbox" id="table-header" class="mdl-checkbox__input" />
</label> </label>
</th> </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()" *ngFor="#col of data.getColumns()"
[class.column-header]="col.title" [class.column-header]="col.title"
[class.mdl-data-table__header--sorted-ascending]="isColumnSorted(col, 'asc')" [class.mdl-data-table__header--sorted-ascending]="isColumnSorted(col, 'asc')"
@@ -40,7 +40,7 @@
</label> </label>
</td> </td>
<td *ngFor="#col of data.getColumns()" [ngSwitch]="col.type" <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)"> (click)="onRowClick(row, $event)" (dblclick)="onRowDblClick(row, $event)">
<div *ngSwitchWhen="'image'"> <div *ngSwitchWhen="'image'">
<i *ngIf="isIconValue(row, col)" class="material-icons icon-cell">{{asIconValue(row, col)}}</i> <i *ngIf="isIconValue(row, col)" class="material-icons icon-cell">{{asIconValue(row, col)}}</i>