#82 css cleanup

ng2-components/ng2-alfresco-datatable/src/components/datatable.component.css

@@ -1,18 +1,18 @@
 :host .full-width { width: 100%; }
 
-:host .folder-thumbnail {
+:host .icon-cell {
     font-size: 48px;
-    cursor: pointer;
+    cursor: default;
 }
 
-:host .document-thumbnail {
+:host .image-cell {
     width: 48px;
     height: 48px;
-    cursor: pointer;
+    cursor: default;
 }
 
 :host .data-cell {
-    cursor: pointer;
+    cursor: default;
 }
 
 :host .column-header {
@@ -24,46 +24,15 @@
     -webkit-touch-callout: none; /* iOS Safari */
 }
 
-:host .parent-folder-link { cursor: pointer; }
-:host .parent-folder-link > td { text-align: left; }
+/* Utils */
 
-:host .folder-row-cell,
-:host .document-row-cell {
-    cursor: pointer;
-}
-
-:host .folder-row-cell.name-column,
-:host .document-row-cell.name-column {
-    font-size: 15px;
-}
-
-:host .folder-row-cell.name-column:hover,
-:host .document-row-cell.name-column:hover {
-    cursor: pointer;
-}
-
-/* breadcrumb */
-
-:host .breadcrumb {
-    text-align: left;
-    padding: 8px 15px;
-    list-style: none;
-    background-color: #f5f5f5;
-    border-radius: 4px;
-    margin: 0 0 4px;
-}
-
-:host .breadcrumb > li {
-    display: inline-block;
-    box-sizing: border-box;
-}
-
-:host .breadcrumb > li+li:before {
-    content: "/\00a0";
-    padding: 0 0 0 5px;
-    color: #ccc;
-}
-
-:host .breadcrumb > .active {
-    color: #777;
+:host .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0,0,0,0);
+    border: 0;
 }

ng2-components/ng2-alfresco-datatable/src/components/datatable.component.html

@@ -29,7 +29,6 @@
     </tr>
     </thead>
     <tbody>
-    <!-- todo: special 'navigate parent row' support -->
 
     <tr *ngFor="#row of data.getRows(); #idx = index">
         <td *ngIf="multiselect">
@@ -44,8 +43,8 @@
             class="mdl-data-table__cell--non-numeric data-cell {{col.cssClass}}"
             (click)="onRowClick(row, $event)" (dblclick)="onRowDblClick(row, $event)">
             <div *ngSwitchWhen="'image'">
-                <i *ngIf="isIconValue(row, col)" class="material-icons folder-thumbnail">{{asIconValue(row, col)}}</i>
-                <img *ngIf="!isIconValue(row, col)" class="document-thumbnail" alt="" src="{{data.getValue(row, col)}}">
+                <i *ngIf="isIconValue(row, col)" class="material-icons icon-cell">{{asIconValue(row, col)}}</i>
+                <img *ngIf="!isIconValue(row, col)" class="image-cell" alt="" src="{{data.getValue(row, col)}}">
             </div>
             <div *ngSwitchWhen="'text'">
                 {{data.getValue(row, col)}}