From 73882ff58f7b8aa4b9e95a8fce018cfe7370548f Mon Sep 17 00:00:00 2001 From: Hypolite Petovan Date: Thu, 3 Jan 2019 23:07:03 -0500 Subject: [PATCH] [vier] Add message icon link in header nav --- view/theme/vier/mobile.css | 4 ++-- view/theme/vier/style.css | 29 +++++++++++-------------- view/theme/vier/templates/nav.tpl | 35 +++++++++++++++++++++++-------- 3 files changed, 40 insertions(+), 28 deletions(-) diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css index b528ca4bd..bf7922287 100644 --- a/view/theme/vier/mobile.css +++ b/view/theme/vier/mobile.css @@ -60,8 +60,8 @@ 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; } + .desktop-view { display: none; } + .mobile-view { display: initial; } #nav-apps-link { display: none; } .wall-item-container .wall-item-info { width: auto; } diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css index 6c4f2b20f..eedbe09a4 100644 --- a/view/theme/vier/style.css +++ b/view/theme/vier/style.css @@ -365,10 +365,12 @@ pre code { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7); } +.desktop-view { display: none; } + /* some settings for different form-factors */ @media (min-width: 601px) { - a.mobile-view { display: none }; - a.desktop-view { display: initial }; + .mobile-view { display: none!important; } + .desktop-view { display: initial; } } /* tool */ @@ -685,8 +687,11 @@ nav .nav-menu img { margin-right: 4px; } -nav .nav-menu-icon .nav-notify { +nav .nav-menu > a > .nav-notify, +nav .nav-menu-icon > a > .nav-notify { + position: absolute; top: 3px; + right: -5px; } nav .nav-menu-label { margin: 3px 5px 0px; @@ -738,33 +743,27 @@ nav .nav-menu:hover { nav .nav-notify { display: none; - position: absolute; - /* background-color: #36c; */ - background-color: #F80; - /* background-color: #19aeff; */ + background-color: #F80; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-size: 10px; padding: 1px 3px; - top: 0px; - /* right: -10px; */ - right: -5px; min-width: 15px; - /* text-align: right; */ text-align: center; color: white; } - nav .nav-notify.show { - display: block; + display: inline-block; } + nav #nav-help-link, nav #nav-search-link, nav #nav-directory-link, nav #nav-apps-link, nav #nav-apps-link, nav #nav-login-link, +nav #nav-messages-linkmenu, nav #nav-notifications-linkmenu, nav #nav-site-linkmenu, nav #nav-contacts-linkmenu, @@ -845,10 +844,6 @@ nav #nav-user-linkmenu { padding: 5px 10px; */ } -#mail-update { - top: 56px; -} - .notify-unseen {background-color: #FFF; } .notify-seen { diff --git a/view/theme/vier/templates/nav.tpl b/view/theme/vier/templates/nav.tpl index 777df44cd..5f62773db 100644 --- a/view/theme/vier/templates/nav.tpl +++ b/view/theme/vier/templates/nav.tpl @@ -14,16 +14,20 @@ {{if $nav.home}} {{/if}} {{if $nav.network}} {{/if}} {{if $nav.events}} @@ -48,9 +52,22 @@ + {{if $nav.messages}} + + {{/if}} + + {{if $nav.notifications}} -