From: rabuzarus <> Date: Wed, 8 Feb 2017 00:34:36 +0000 (+0100) Subject: frio - fix tabbar on mobile view X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=60ef105a14f57c87ea5d32d6e389721f1a3f8cc0;p=friendica.git frio - fix tabbar on mobile view --- diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css index 7f74ed55f6..df9585d070 100644 --- a/view/theme/frio/css/style.css +++ b/view/theme/frio/css/style.css @@ -1719,13 +1719,14 @@ img.acpopup-img { } /* Menubar Tabs */ -section > ul.tabbar { +section > .tabbar-wrapper { /* The tabbar shouldn't' be visibile inside the section element. Only after we have moved it to the nav through js */ display: none !important; } #tabmenu, +.tabbar-wrapper, .tabbar, .tabbar > li { height: 100%; diff --git a/view/theme/frio/js/theme.js b/view/theme/frio/js/theme.js index c149271804..8102e7ac95 100644 --- a/view/theme/frio/js/theme.js +++ b/view/theme/frio/js/theme.js @@ -40,7 +40,7 @@ $(document).ready(function(){ $(".field.select > select, .field.custom > select").addClass("form-control"); // move the tabbar to the second nav bar - $("section ul.tabbar").first().appendTo("#topbar-second > .container > #tabmenu"); + $("section .tabbar-wrapper").first().appendTo("#topbar-second > .container > #tabmenu"); // add mask css url to the logo-img container // diff --git a/view/theme/frio/templates/common_tabs.tpl b/view/theme/frio/templates/common_tabs.tpl index c5d1dac6bd..7cfd63528a 100644 --- a/view/theme/frio/templates/common_tabs.tpl +++ b/view/theme/frio/templates/common_tabs.tpl @@ -1,58 +1,60 @@ -{{* Tab navigation bar for tablets and computer *}} - - -{{* Tab navigation bar for smartphones *}} - +