mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-31 17:38:48 +00:00
[ADF-845] breadcrumb root option added and style review (#1999)
* breadcrumb root option added and style review * new breadcrumbs * split onchange in a method * update readme with a note for old pefix tag
This commit is contained in:
@@ -116,7 +116,7 @@ _For a complete example source code please refer to
|
|||||||
[DocumentList Demo](https://github.com/Alfresco/alfresco-ng2-components/tree/master/ng2-components/ng2-alfresco-documentlist/demo)
|
[DocumentList Demo](https://github.com/Alfresco/alfresco-ng2-components/tree/master/ng2-components/ng2-alfresco-documentlist/demo)
|
||||||
repository._
|
repository._
|
||||||
|
|
||||||
## DOM Events
|
### DOM Events
|
||||||
|
|
||||||
Below are the DOM events the DocumentList component emits.
|
Below are the DOM events the DocumentList component emits.
|
||||||
All of them are `bubbling`, meaning you can handle them in any component up the parent hierarchy, even if DocumentList is wrapped by another component(s).
|
All of them are `bubbling`, meaning you can handle them in any component up the parent hierarchy, even if DocumentList is wrapped by another component(s).
|
||||||
@@ -152,7 +152,7 @@ Here's a basic example on handling DOM events in the parent elements:
|
|||||||
</div>
|
</div>
|
||||||
```
|
```
|
||||||
|
|
||||||
## Setting default folder
|
### Setting default folder
|
||||||
|
|
||||||
You can set current folder path by assigning a value for `currentFolderId` property.
|
You can set current folder path by assigning a value for `currentFolderId` property.
|
||||||
It can be either one of the well-known locations as **-root-**, **-shared-** or **-my-** or a node ID (guid).
|
It can be either one of the well-known locations as **-root-**, **-shared-** or **-my-** or a node ID (guid).
|
||||||
|
@@ -1,42 +0,0 @@
|
|||||||
/* breadcrumb */
|
|
||||||
|
|
||||||
:host .breadcrumb {
|
|
||||||
text-align: left;
|
|
||||||
padding: 8px 15px;
|
|
||||||
list-style: none;
|
|
||||||
background-color: #fafafa;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host .breadcrumb > li {
|
|
||||||
display: inline-block;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host .breadcrumb > li+li:before {
|
|
||||||
content: ">\00a0";
|
|
||||||
padding: 0 0 0 5px;
|
|
||||||
opacity: 0.54;
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
:host .breadcrumb > li > a {
|
|
||||||
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;
|
|
||||||
}
|
|
Reference in New Issue
Block a user