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

[ADF-3053] breadcrumb fixes (#3406)

Browse Source 
* translate breadcrumb root in demo shell

* optional "max items" feature and style fixes

* should not be restricted by default

* style updates

* toolbar and breadcrumb layout fixes

* breadcrumb demo and testing page

* full toolbar scenario

* fix translation issue with the dropdown and custom root

* a11y fixes

* fix issue with duplicate id, remove unused attribute
This commit is contained in:
Denys Vuika
2018-05-25 20:42:24 +01:00
committed by Eugenio Romano
parent 11bac7e796
commit fd729e76c0
18 changed files with 182 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
lib/content-services/breadcrumb/breadcrumb.component.scss
View File

@@ -15,6 +15,7 @@
font-weight: 600;
letter-spacing: -0.2px;
color: mat-color($foreground, text, 0.54);
overflow: hidden;
&-container {
margin: 0;
@@ -89,14 +90,20 @@
text-align: left;
opacity: 0.6;
flex: 0 10 auto;
min-width: 35px;
text-overflow: ellipsis;
&:hover,
&.active {
opacity: 1;
}
&.active {
flex: 1 0 auto;
flex: 1 1 auto;
color: mat-color($foreground, text, 0.87);
min-width: initial;
width: auto;
}
&-chevron {
@@ -118,23 +125,21 @@
}
&-anchor {
box-sizing: border-box;
color: inherit;
text-decoration: none;
display: block;
display: inline-block;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
&.active {
display: block;
flex: 0 1 auto;
}
&-current {
text-overflow: ellipsis;
overflow: hidden;
max-width: 300px;
white-space: nowrap;
}
}