new layouts

_config.yml

@@ -55,25 +55,25 @@ defaults:
       path: "*.md"
     values:
       layout: markdown
-      menu-layout: vertical
+      menu-layout: horizontal
 
   - scope:
       type: "pages"
     values:
       layout: default
-      menu-layout: vertical
+      menu-layout: horizontal
   -
     scope:
       type: "docs"
     values:
       layout: docs
-      menu-layout: vertical
+      menu-layout: horizontal
   -
     scope:
       type: "components"
     values:
       layout: component
-      menu-layout: vertical
+      menu-layout: horizontal
 
 
 colors:

pages/_data/menu.yml

@@ -2,15 +2,11 @@ home:
   url: index.html
   title: Dashboard
   icon: home
-  badge: ''
-  badge-color: blue
 
 forms:
   url: form-elements.html
   title: Form elements
   icon: check-square
-  badge: New
-  badge-color: red
 
 base:
   title: Base
@@ -94,6 +90,8 @@ layouts:
   title: Layouts
   icon: layout
   url: layouts.html
+  badge: New
+  badge-color: green
 
 extra:
   title: Extra

pages/_includes/layout/menu-aside.html

@@ -15,7 +15,7 @@
 
 			{% if level-1[1].badge %}
 			{% assign badge = level-1[1].badge %}
-			{% assign badge-color = level-1[1].badge-color | default: 'green' %}
+			{% assign badge-color = level-1[1].badge-color | default: "green" %}
 			{% include ui/badge.html text=badge color=badge-color %}
 			{% endif %}
 

pages/_includes/layout/menu.html

@@ -13,6 +13,12 @@
 			</span>
 
 			{{ level-1[1].title }}
+
+			{% if level-1[1].badge %}
+			{% assign badge = level-1[1].badge %}
+			{% assign badge-color = level-1[1].badge-color | default: "green" %}
+			{% include ui/badge.html text=badge color=badge-color class="ml-2" %}
+			{% endif %}
 		</a>
 
 		{% if level-1[1].children %}
@@ -24,7 +30,7 @@
 
 					{% if level-2[1].badge %}
 					{% assign badge = level-2[1].badge %}
-					{% assign badge-color = level-2[1].badge-color | default: 'green' %}
+					{% assign badge-color = level-2[1].badge-color | default: "green" %}
 					{% include ui/badge.html text=badge color=badge-color class="ml-auto" %}
 					{% endif %}
 				</a>

pages/index.html

@@ -3,8 +3,6 @@ title: Dashboard
 page-title: Dashboard
 page-pretitle: Overview
 page-title-actions: buttons
-site-layout: layout-collapsed-md
-menu-layout: vertical
 menu: home
 ---
 

pages/layout-test.html

@@ -4,7 +4,6 @@ sidenav: true
 sidenav-dark: true
 page-title: Layout test
 page-title-actions: breadcrumb
-menu-layout: vertical
 menu: base.buttons
 ---