From 51a8864519943345263109f6485accac571e7889 Mon Sep 17 00:00:00 2001 From: rabuzarus <> Date: Tue, 29 Dec 2015 00:23:59 +0100 Subject: [PATCH] vier: make TopNavBar mobile friendly --- view/theme/vier/mobile.css | 3 +++ view/theme/vier/style.css | 7 +++++++ view/theme/vier/templates/nav.tpl | 12 ++++++++---- 3 files changed, 18 insertions(+), 4 deletions(-) diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css index d06cb41011..cde49b7b72 100644 --- a/view/theme/vier/mobile.css +++ b/view/theme/vier/mobile.css @@ -60,6 +60,9 @@ nav ul { .wall-item-container .wall-item-content .type-link img.attachment-image, .type-link img.attachment-image, .type-video img.attachment-image { max-width: 350px; } + a.desktop-view { display: none; } + a.mobile-view { display: initial; } + #nav-apps-link { display: none; } } @media screen and (max-width: 480px) { diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css index e53ac45f74..c854b26ddb 100644 --- a/view/theme/vier/style.css +++ b/view/theme/vier/style.css @@ -372,6 +372,13 @@ code { z-index: 100000; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); } + +/* some settings for different form-factors */ +@media (min-width: 601px) { + a.mobile-view { display: none }; + a.desktop-view { display: initial }; +} + /* tool */ .tool { height: auto; diff --git a/view/theme/vier/templates/nav.tpl b/view/theme/vier/templates/nav.tpl index 77bad93705..90e8bc9cff 100644 --- a/view/theme/vier/templates/nav.tpl +++ b/view/theme/vier/templates/nav.tpl @@ -14,24 +14,28 @@ {{if $nav.home}} {{/if}} {{if $nav.network}} {{/if}} {{if $nav.events}} {{/if}} {{if $nav.community}} {{/if}} -- 2.39.5