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

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

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