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

ui improvements

Browse Source
This commit is contained in:
Denys Vuika
2016-07-14 15:44:09 +01:00
parent 7d57073dac
commit ce85d2016b
3 changed files with 28 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
<table <table
*ngIf="data" *ngIf="data"
class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width"> class="mdl-data-table mdl-js-data-table full-width">
<thead> <thead>
<tr> <tr>
<!-- Columns --> <!-- Columns -->
@@ -63,10 +63,10 @@
<td *ngIf="actions"> <td *ngIf="actions">
<!-- action menu --> <!-- action menu -->
<button [id]="'action_menu_' + idx" class="mdl-button mdl-js-button mdl-button--icon"> <button [id]="'action_menu_' + idx" alfresco-mdl-button class="mdl-button--icon">
<i class="material-icons">more_vert</i> <i class="material-icons">more_vert</i>
</button> </button>
<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" <ul alfresco-mdl-menu class="mdl-menu--bottom-right"
[attr.for]="'action_menu_' + idx"> [attr.for]="'action_menu_' + idx">
<li class="mdl-menu__item" <li class="mdl-menu__item"
[attr.data-automation-id]="action.title" [attr.data-automation-id]="action.title"

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

@@ -27,6 +27,7 @@ import {
} from '@angular/core'; } from '@angular/core';
import { import {
MATERIAL_DESIGN_DIRECTIVES,
CONTEXT_MENU_DIRECTIVES, CONTEXT_MENU_DIRECTIVES,
AlfrescoPipeTranslate AlfrescoPipeTranslate
} from 'ng2-alfresco-core'; } from 'ng2-alfresco-core';
@@ -48,7 +49,7 @@ declare let __moduleName: string;
selector: 'alfresco-datatable', selector: 'alfresco-datatable',
styleUrls: ['./datatable.component.css'], styleUrls: ['./datatable.component.css'],
templateUrl: './datatable.component.html', templateUrl: './datatable.component.html',
directives: [CONTEXT_MENU_DIRECTIVES], directives: [MATERIAL_DESIGN_DIRECTIVES, CONTEXT_MENU_DIRECTIVES],
pipes: [AlfrescoPipeTranslate] pipes: [AlfrescoPipeTranslate]
}) })
export class DataTableComponent implements OnInit, AfterViewChecked { export class DataTableComponent implements OnInit, AfterViewChecked {

29
ng2-components/ng2-alfresco-documentlist/src/components/breadcrumb/breadcrumb.component.css
View File

@@ -4,8 +4,7 @@
text-align: left; text-align: left;
padding: 8px 15px; padding: 8px 15px;
list-style: none; list-style: none;
background-color: #f5f5f5; background-color: #fafafa;
border-radius: 4px;
margin: 0 0 4px; margin: 0 0 4px;
} }
@@ -15,11 +14,29 @@
} }
:host .breadcrumb > li+li:before { :host .breadcrumb > li+li:before {
content: "/\00a0"; content: ">\00a0";
padding: 0 0 0 5px; padding: 0 0 0 5px;
color: #ccc; opacity: 0.54;
color: #000000;
} }
:host .breadcrumb > .active { :host .breadcrumb > li > a {
color: #777; text-decoration: none;
opacity: 0.54;
font-family: 'Muli', "Helvetica", "Arial", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1.43;
letter-spacing: -0.2px;
color: #000000;
}
:host .breadcrumb > li:hover > a,
:host .breadcrumb > .active {
opacity: 0.87;
font-size: 14px;
font-weight: 600;
line-height: 1.43;
letter-spacing: -0.2px;
color: #000000;
} }