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

breadcrumb bug fixes (#3348)

Browse Source
This commit is contained in:
Denys Vuika
2018-05-20 20:07:10 +01:00
committed by Eugenio Romano
parent 70d93805d4
commit b599e3a41a
6 changed files with 26 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
demo-shell/src/app/components/files/files.component.html
View File

@@ -32,6 +32,11 @@
<adf-sites-dropdown (change)="onSiteChange($event)" [hideMyFiles]="false" [relations]="'members'">
</adf-sites-dropdown>
</div>
<!-- demonstrates breadcrumb use outside of the toolbar -->
<adf-breadcrumb root="Personal Files" [target]="documentList" [folderNode]="documentList.folderNode">
</adf-breadcrumb>
<div class="document-list-container" fxLayout="row" fxLayoutAlign="start stretch" fxLayoutGap="16px">
<adf-upload-drag-area fxFlex="1 1 auto"
[disabled]="disableDragArea"

6
lib/content-services/breadcrumb/breadcrumb.component.html
View File

@@ -4,8 +4,10 @@
tabindex="0"
class="adf-breadcrumb-dropdown-trigger"
(click)="open()">
<mat-icon [class.isRoot]="!hasPreviousNodes()">folder</mat-icon>
<mat-icon [class.isRoot]="!hasPreviousNodes()" class="adf-breadcrumb-dropdown-trigger-arrow">arrow_drop_down</mat-icon>
<div class="adf-breadcrumb-dropdown-trigger-icon">
<mat-icon [class.isRoot]="!hasPreviousNodes()">folder</mat-icon>
<mat-icon [class.isRoot]="!hasPreviousNodes()" class="adf-breadcrumb-dropdown-trigger-arrow">arrow_drop_down</mat-icon>
</div>
</button>
<mat-select

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

@@ -15,7 +15,6 @@
font-weight: 600;
letter-spacing: -0.2px;
color: mat-color($foreground, text, 0.54);
width: 0;
&-container {
margin: 0;
@@ -52,11 +51,15 @@
outline: none;
}
&-icon {
position: relative;
}
&-arrow {
font-size: 17px;
position: relative;
left: -28px;
top: -2px;
position: absolute;
left: 4px;
top: 4px;
color: white;
z-index: 2;
}

2
lib/content-services/breadcrumb/dropdown-breadcrumb.component.html
View File

@@ -2,7 +2,7 @@
<button
tabindex="0"
class="adf-dropdown-breadcumb-trigger"
class="adf-dropdown-breadcrumb-trigger"
(click)="open()"
data-automation-id="dropdown-breadcrumb-trigger">
<mat-icon [class.isRoot]="!hasPreviousNodes()">folder</mat-icon>

4
lib/content-services/breadcrumb/dropdown-breadcrumb.component.scss
View File

@@ -9,7 +9,7 @@
width: 100%;
}
&-dropdown-breadcumb-trigger {
&-dropdown-breadcrumb-trigger {
cursor: pointer;
padding: 0;
border: none;
@@ -25,7 +25,7 @@
margin-top: 5px;
}
&-dropdown-breadcumb-trigger.isRoot {
&-dropdown-breadcrumb-trigger.isRoot {
cursor: not-allowed;
}

2
lib/content-services/content-node-selector/content-node-selector-panel.component.scss
View File

@@ -64,7 +64,7 @@
}
&-breadcrumb {
.adf-dropdown-breadcumb-trigger {
.adf-dropdown-breadcrumb-trigger {
outline: none;
.mat-icon {
color: mat-color($foreground, base, 0.45);