{{item.icon}}
- {{item.title}}
- {{item.title}}
+
{{item.badge.title}}
diff --git a/src/app/core/scss/partials/_navigation.scss b/src/app/core/scss/partials/_navigation.scss
index 692ebda0..9385e074 100644
--- a/src/app/core/scss/partials/_navigation.scss
+++ b/src/app/core/scss/partials/_navigation.scss
@@ -47,14 +47,20 @@
}
.nav-link-badge {
+ display: flex;
+ align-items: center;
min-width: 20px;
height: 20px;
- line-height: 20px;
padding: 0 7px;
font-size: 11px;
font-weight: 500;
border-radius: 20px;
transition: opacity 0.2s ease-in-out 0.1s;
+ margin-left: 8px;
+
+ + .collapse-arrow {
+ margin-left: 8px;
+ }
}
&:hover {
diff --git a/src/app/main/content/components/navigation/navigation.component.html b/src/app/main/content/components/navigation/navigation.component.html
index ab0ccd47..6625f89a 100644
--- a/src/app/main/content/components/navigation/navigation.component.html
+++ b/src/app/main/content/components/navigation/navigation.component.html
@@ -18,7 +18,7 @@
fuse-navigation
is a custom built Fuse component allows you to create a multi-level collapsable
- navigation.
+ navigation. It has built-in support for translations using ngx-translate module.
@@ -40,6 +40,11 @@
Collapsable and
Item. These items can be mixed and matched to create unique and complex
navigation layouts.
+
+ Navigation model can be found in src/app/navigation
folder along with its translation
+ files. Navigation model and its translation files are set in app.component.ts file. Check that
+ file for more detailed usage example.
+
@@ -48,9 +53,10 @@