diff --git a/dev/styles/main/nav/subNavigation.less b/dev/styles/main/nav/subNavigation.less index c2ead2b..138fa51 100644 --- a/dev/styles/main/nav/subNavigation.less +++ b/dev/styles/main/nav/subNavigation.less @@ -83,6 +83,28 @@ background-color: shade(@sub-navigation-link-hover-bg, 12%); } +.sub-navigation__link._sub-level-6 { + padding-left: 45px; + background-color: shade(@sub-navigation-background, 14%); + border-color: shade(@sub-navigation-border, 19%); + text-transform: uppercase; +} + +.no-touch .sub-navigation__link._sub-level-6:hover { + background-color: shade(@sub-navigation-link-hover-bg, 14%); +} + +.sub-navigation__link._sub-level-7 { + padding-left: 49px; + background-color: shade(@sub-navigation-background, 16%); + border-color: shade(@sub-navigation-border, 21%); + text-transform: uppercase; +} + +.no-touch .sub-navigation__link._sub-level-7:hover { + background-color: shade(@sub-navigation-link-hover-bg, 16%); +} + .sub-navigation__link._active { border-left: 3px solid @sub-navigation-active-border; padding-left: 17px; @@ -104,6 +126,14 @@ padding-left: 38px; } +.sub-navigation__link._sub-level-6._active { + padding-left: 42px; +} + +.sub-navigation__link._sub-level-7._active { + padding-left: 46px; +} + .sub-navigation__link._curent { border-left: 3px solid @sub-navigation-active-border; color: @sub-navigation-link-active-color; diff --git a/dev/templates/pages/content/contentElements/navLevel3/navLevel4/navLevel5/navLevel6.hbs b/dev/templates/pages/content/contentElements/navLevel3/navLevel4/navLevel5/navLevel6.hbs new file mode 100644 index 0000000..6bb1cb7 --- /dev/null +++ b/dev/templates/pages/content/contentElements/navLevel3/navLevel4/navLevel5/navLevel6.hbs @@ -0,0 +1,20 @@ +--- +#layout: default.hbs #by default it is default.hbs, but you can specify another one +title: Navigation Level 6 #title in menu +position: 1 #position in menu +hideInMenu: false #if true, will be hidden in menu +hideInBreadcrumbs: false #if true, will be hidden in breadcrumbs +externalLink: false #just add link (http://link.com) instead of "false" to use this page like a link to external page. +--- + +{{> breadcrumbs}} + +
+
+
+ {{> subNavigation}} +
+
+
+
+
diff --git a/dev/templates/pages/content/contentElements/navLevel3/navLevel4/navLevel5/navLevel6/navLevel7.hbs b/dev/templates/pages/content/contentElements/navLevel3/navLevel4/navLevel5/navLevel6/navLevel7.hbs new file mode 100644 index 0000000..3c141b1 --- /dev/null +++ b/dev/templates/pages/content/contentElements/navLevel3/navLevel4/navLevel5/navLevel6/navLevel7.hbs @@ -0,0 +1,20 @@ +--- +#layout: default.hbs #by default it is default.hbs, but you can specify another one +title: Navigation Level 7 #title in menu +position: 1 #position in menu +hideInMenu: false #if true, will be hidden in menu +hideInBreadcrumbs: false #if true, will be hidden in breadcrumbs +externalLink: false #just add link (http://link.com) instead of "false" to use this page like a link to external page. +--- + +{{> breadcrumbs}} + +
+
+
+ {{> subNavigation}} +
+
+
+
+
diff --git a/dev/templates/parts/nav/subNavigation.hbs b/dev/templates/parts/nav/subNavigation.hbs index 33cff16..33649a2 100644 --- a/dev/templates/parts/nav/subNavigation.hbs +++ b/dev/templates/parts/nav/subNavigation.hbs @@ -47,10 +47,50 @@
  • {{!build sub menu level 5}} {{!grunt/helpers/helper-submenu.js}} + {{~#subMenu ../../../pages 5~}} - + {{data.title}} + + {{~/subMenu~}}
    • diff --git a/grunt/helpers/helper-addNavData.js b/grunt/helpers/helper-addNavData.js index 7c56f42..102fb63 100644 --- a/grunt/helpers/helper-addNavData.js +++ b/grunt/helpers/helper-addNavData.js @@ -32,6 +32,19 @@ module.exports.register = function(Handlebars) { collection[i].parent2 = collectionParentsArr[collectionMenuLevels - 1]; collection[i].parent3 = collectionParentsArr[collectionMenuLevels]; collection[i].parent4 = collectionParentsArr[collectionMenuLevels + 1]; + } else if (collectionMenuLevels === 6) { + collection[i].parent1 = collectionParentsArr[collectionMenuLevels - 3]; + collection[i].parent2 = collectionParentsArr[collectionMenuLevels - 2]; + collection[i].parent3 = collectionParentsArr[collectionMenuLevels - 1]; + collection[i].parent4 = collectionParentsArr[collectionMenuLevels]; + collection[i].parent5 = collectionParentsArr[collectionMenuLevels + 1]; + } else if (collectionMenuLevels === 7) { + collection[i].parent1 = collectionParentsArr[collectionMenuLevels - 4]; + collection[i].parent2 = collectionParentsArr[collectionMenuLevels - 3]; + collection[i].parent3 = collectionParentsArr[collectionMenuLevels - 2]; + collection[i].parent4 = collectionParentsArr[collectionMenuLevels - 1]; + collection[i].parent5 = collectionParentsArr[collectionMenuLevels]; + collection[i].parent6 = collectionParentsArr[collectionMenuLevels + 1]; } } @@ -73,6 +86,19 @@ module.exports.register = function(Handlebars) { this.page.parent2 = parentsArr[menuLevels - 1]; this.page.parent3 = parentsArr[menuLevels]; this.page.parent4 = parentsArr[menuLevels + 1]; + } else if (menuLevels === 6) { + this.page.parent1 = parentsArr[menuLevels - 3]; + this.page.parent2 = parentsArr[menuLevels - 2]; + this.page.parent3 = parentsArr[menuLevels - 1]; + this.page.parent4 = parentsArr[menuLevels]; + this.page.parent5 = parentsArr[menuLevels + 1]; + } else if (menuLevels === 7) { + this.page.parent1 = parentsArr[menuLevels - 4]; + this.page.parent2 = parentsArr[menuLevels - 3]; + this.page.parent3 = parentsArr[menuLevels - 2]; + this.page.parent4 = parentsArr[menuLevels - 1]; + this.page.parent5 = parentsArr[menuLevels]; + this.page.parent6 = parentsArr[menuLevels + 1]; } }); };