From e62fe73ed18824237f579fd8f2ed358f9a8a8655 Mon Sep 17 00:00:00 2001 From: Viktoria Husaruk Date: Tue, 30 Jul 2019 17:37:50 +0300 Subject: [PATCH 01/18] [TASK] add new settingst for mobile navigation align to bottom --- .../TypoScript/Library/themes.menu.constantsts | 3 +++ Resources/Private/Partials/Header/Header.html | 2 +- felayout_t3kit/dev/styles/main/header/header.less | 12 ++++++++++++ 3 files changed, 16 insertions(+), 1 deletion(-) diff --git a/Configuration/TypoScript/Library/themes.menu.constantsts b/Configuration/TypoScript/Library/themes.menu.constantsts index 6f08b28f..12af6250 100644 --- a/Configuration/TypoScript/Library/themes.menu.constantsts +++ b/Configuration/TypoScript/Library/themes.menu.constantsts @@ -20,6 +20,9 @@ themes.configuration.menu.main.navbarPos = left themes.configuration.menu.main.enableLogoInNavigation = 0 # cat=menu,advanced/main_menu; type=options[0,1]; label= Enable LangMenu in navigation menu themes.configuration.menu.main.enableLangMenuInNavigation = 0 +# cat=menu,advanced/main_menu; type=options[0,1]; label= Enable Mobile Navigation to bottom +themes.configuration.menu.main.mobileNavigationToBottom = 0 + # Sub Menu ############################################# diff --git a/Resources/Private/Partials/Header/Header.html b/Resources/Private/Partials/Header/Header.html index f6da1ddf..f5a1172c 100644 --- a/Resources/Private/Partials/Header/Header.html +++ b/Resources/Private/Partials/Header/Header.html @@ -5,7 +5,7 @@ -
+
diff --git a/felayout_t3kit/dev/styles/main/header/header.less b/felayout_t3kit/dev/styles/main/header/header.less index 5e89f24d..304f84b2 100644 --- a/felayout_t3kit/dev/styles/main/header/header.less +++ b/felayout_t3kit/dev/styles/main/header/header.less @@ -23,6 +23,18 @@ } } +@media (max-width: @screen-sm-max) { + .header-top__bottom .header-top-wrp { + position: absolute; + bottom: 0; + } + + .mobile-menu-opened .header-top__bottom .main-navigation, + .header-top__bottom .main-navigation { + top: 0; + } +} + .header-top { background: @header-top-bg-color; position: fixed; From ce01a93cb5eebade6ad507c0bb3f51ae3f306f6a Mon Sep 17 00:00:00 2001 From: Viktoria Husaruk Date: Wed, 31 Jul 2019 12:42:52 +0300 Subject: [PATCH 02/18] [TASK] styling for opening & closing main navigation in mobile (bottom) --- .../dev/styles/main/header/header.less | 37 ++++++++++++++++--- 1 file changed, 31 insertions(+), 6 deletions(-) diff --git a/felayout_t3kit/dev/styles/main/header/header.less b/felayout_t3kit/dev/styles/main/header/header.less index 304f84b2..6b4c543a 100644 --- a/felayout_t3kit/dev/styles/main/header/header.less +++ b/felayout_t3kit/dev/styles/main/header/header.less @@ -24,14 +24,39 @@ } @media (max-width: @screen-sm-max) { - .header-top__bottom .header-top-wrp { - position: absolute; - bottom: 0; + .header-top__bottom { + .header-top-wrp { + position: static; + padding-bottom: 0; + } + + .header-top { + bottom: 0; + } + + .main-navigation { + transform: translateY(100vh); + transition: transform 0.3s ease; + height: calc(~"100vh - @{header-top-height}"); + min-height: calc(~"100vh - @{header-top-height}"); + z-index: 5000; + top: 0; + } + + .main-navigation__items-wrp { + display: block !important; + } } - .mobile-menu-opened .header-top__bottom .main-navigation, - .header-top__bottom .main-navigation { - top: 0; + .mobile-menu-opened .header-top__bottom { + .main-navigation__items-wrp { + padding-bottom: @header-top-height !important; + } + + .main-navigation { + transform: translateY(0); + top: 0; + } } } From 59dded4df29bad5b890d078b9d86e2c8dbada5b4 Mon Sep 17 00:00:00 2001 From: Viktoria Husaruk Date: Wed, 31 Jul 2019 12:46:50 +0300 Subject: [PATCH 03/18] [TASK] add space to bottom of footer when bottom navigation is used --- Resources/Private/Partials/Footer/Footer.html | 2 +- felayout_t3kit/dev/styles/main/footer/footer.less | 11 +++++++++++ 2 files changed, 12 insertions(+), 1 deletion(-) diff --git a/Resources/Private/Partials/Footer/Footer.html b/Resources/Private/Partials/Footer/Footer.html index 60323e0b..cd4c2662 100644 --- a/Resources/Private/Partials/Footer/Footer.html +++ b/Resources/Private/Partials/Footer/Footer.html @@ -6,7 +6,7 @@ -