feat: last bread

artemnih · Oct 6, 2021 · 2022aa3 · 2022aa3
1 parent d9c0652
commit 2022aa3
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 9 deletions.
diff --git a/projects/ngx-explorer/src/lib/components/breadcrumbs/breadcrumbs.component.html b/projects/ngx-explorer/src/lib/components/breadcrumbs/breadcrumbs.component.html
@@ -1,7 +1,7 @@
-<div class="nxe-breadcrumbs">
-    <span *ngFor="let crumb of breadcrumbs">
+<div class="nxe-breadcrumbs-container">
+    <span *ngFor="let crumb of breadcrumbs; let last = last">
         <span (click)="click(crumb)" class="nxe-breadcrumb">{{ crumb.name }}</span>
-        <span class="nxe-breadcrumb-separator">
+        <span *ngIf="!last" class="nxe-breadcrumb-separator">
             <i class="fa fa-angle-right" aria-hidden="true"></i>
         </span>
     </span>

diff --git a/projects/ngx-explorer/src/lib/components/breadcrumbs/breadcrumbs.component.scss b/projects/ngx-explorer/src/lib/components/breadcrumbs/breadcrumbs.component.scss
@@ -1,4 +1,4 @@
-.nxe-breadcrumbs {
+.nxe-breadcrumbs-container {
     margin: 5px 10px;
 
     .nxe-breadcrumb {

diff --git a/projects/ngx-explorer/src/lib/components/explorer/explorer.component.html b/projects/ngx-explorer/src/lib/components/explorer/explorer.component.html
@@ -1,3 +1,5 @@
-<nxe-menu-bar></nxe-menu-bar>
-<nxe-breadcrumbs></nxe-breadcrumbs>
-<nxe-icons></nxe-icons>
+<div class="nxe-explorer-container">
+    <nxe-menu-bar></nxe-menu-bar>
+    <nxe-breadcrumbs></nxe-breadcrumbs>
+    <nxe-icons></nxe-icons>
+</div>
diff --git a/projects/ngx-explorer/src/lib/components/icons/icons.component.html b/projects/ngx-explorer/src/lib/components/icons/icons.component.html
@@ -1,5 +1,6 @@
 <div class="nxe-icons-container">
-    <div class="nxe-icons-wrapper" [ngClass]="{'nxe-icon-selected':isSelected(item)}" *ngFor="let item of items" (dblclick)="open($event, item)" (click)="select($event, item)">
+    <div class="nxe-icons-wrapper" [ngClass]="{'nxe-icon-selected':isSelected(item)}" *ngFor="let item of items" (dblclick)="open($event, item)"
+        (click)="select($event, item)">
         <div class="nxe-icon">
             <i [className]="icons[item.type]"></i>
         </div>

diff --git a/projects/ngx-explorer/src/lib/components/icons/icons.component.scss b/projects/ngx-explorer/src/lib/components/icons/icons.component.scss
@@ -6,7 +6,7 @@
     .nxe-icons-wrapper {
         padding-bottom: 5px;
         width: 80px;
-        border-radius: 8px;
+        border-radius: 5px;
         text-align: center;
         border: 1px solid transparent;
         margin: 0px 5px;