Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

Fixed breadcrumb arrows

Browse Source
This commit is contained in:
Adina Țeudan 2020-11-26 20:47:13 +02:00
parent 8723c85d7b
commit 8aa2ec4f92
2 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/red-ui/src/app/screens/base-screen/base-screen.component.html
View File

@ -20,15 +20,11 @@
</div>
<div class="menu flex-2 visible-lg breadcrumbs-container">
<a class="breadcrumb" routerLink="/ui/projects" translate="top-bar.navigation-items.projects"></a>
<div *ngIf="appStateService.activeProject" class="breadcrumb">
<mat-icon svgIcon="red:arrow-right"></mat-icon>
</div>
<mat-icon *ngIf="appStateService.activeProject" svgIcon="red:arrow-right"></mat-icon>
<a *ngIf="appStateService.activeProject" class="breadcrumb" [routerLink]="'/ui/projects/' + appStateService.activeProjectId">
{{ appStateService.activeProject.project.projectName }}
</a>
<div *ngIf="appStateService.activeFile" class="breadcrumb">
<mat-icon svgIcon="red:arrow-right"></mat-icon>
</div>
<mat-icon svgIcon="red:arrow-right" *ngIf="appStateService.activeFile"></mat-icon>
<a
*ngIf="appStateService.activeFile"
class="breadcrumb"

9
apps/red-ui/src/app/screens/base-screen/base-screen.component.scss
View File

@ -3,7 +3,7 @@
.breadcrumbs-container {
display: flex;
gap: 8px;
gap: 6px;
.breadcrumb {
text-decoration: none;
@ -16,11 +16,10 @@
color: $primary;
@include line-clamp(1);
}
.mat-icon {
vertical-align: middle;
width: 6px;
}
mat-icon {
width: 16px;
}
}