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 (change)="onSiteChange($event)" [hideMyFiles]="false" [relations]="'members'">
</adf-sites-dropdown> </adf-sites-dropdown>
</div> </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"> <div class="document-list-container" fxLayout="row" fxLayoutAlign="start stretch" fxLayoutGap="16px">
<adf-upload-drag-area fxFlex="1 1 auto" <adf-upload-drag-area fxFlex="1 1 auto"
[disabled]="disableDragArea" [disabled]="disableDragArea"

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

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

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

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

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

@@ -2,7 +2,7 @@
<button <button
tabindex="0" tabindex="0"
class="adf-dropdown-breadcumb-trigger" class="adf-dropdown-breadcrumb-trigger"
(click)="open()" (click)="open()"
data-automation-id="dropdown-breadcrumb-trigger"> data-automation-id="dropdown-breadcrumb-trigger">
<mat-icon [class.isRoot]="!hasPreviousNodes()">folder</mat-icon> <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%; width: 100%;
} }
&-dropdown-breadcumb-trigger { &-dropdown-breadcrumb-trigger {
cursor: pointer; cursor: pointer;
padding: 0; padding: 0;
border: none; border: none;
@@ -25,7 +25,7 @@
margin-top: 5px; margin-top: 5px;
} }
&-dropdown-breadcumb-trigger.isRoot { &-dropdown-breadcrumb-trigger.isRoot {
cursor: not-allowed; cursor: not-allowed;
} }

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

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