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 cleanup

Browse Source
This commit is contained in:
Denys Vuika
2016-06-02 14:37:25 +01:00
parent d85622794a
commit 1dda8685ce
2 changed files with 17 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,18 +1,18 @@
:host .full-width { width: 100%; } :host .full-width { width: 100%; }
:host .folder-thumbnail { :host .icon-cell {
font-size: 48px; font-size: 48px;
cursor: pointer; cursor: default;
} }
:host .document-thumbnail { :host .image-cell {
width: 48px; width: 48px;
height: 48px; height: 48px;
cursor: pointer; cursor: default;
} }
:host .data-cell { :host .data-cell {
cursor: pointer; cursor: default;
} }
:host .column-header { :host .column-header {
@@ -24,46 +24,15 @@
-webkit-touch-callout: none; /* iOS Safari */ -webkit-touch-callout: none; /* iOS Safari */
} }
:host .parent-folder-link { cursor: pointer; } /* Utils */
:host .parent-folder-link > td { text-align: left; }
:host .folder-row-cell, :host .sr-only {
:host .document-row-cell { position: absolute;
cursor: pointer; width: 1px;
} height: 1px;
padding: 0;
:host .folder-row-cell.name-column, margin: -1px;
:host .document-row-cell.name-column { overflow: hidden;
font-size: 15px; clip: rect(0,0,0,0);
} border: 0;
: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;
} }

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

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