navbar: fix https://github.com/rabuzarus/frio/issues/1 - friendica logo isn't visible in firefox

we now use for ff a svg mask - thanks to pollygeek
This commit is contained in:
rabuzarus 2016-05-03 18:20:26 +02:00
parent 5215a9d766
commit 392169ca7a
3 changed files with 27 additions and 2 deletions

View file

@ -49,6 +49,17 @@ $(document).ready(function(){
$("ul.tabbar").appendTo("#topbar-second > .container > #tabmenu");
}
// add mask css url to the logo-img container
//
// This is for firefox - we use a mask which looks like the friendica logo to apply user collers
// to the friendica logo (the mask is in nav.tpl at the botom). To make it work we need to apply the
// correct url. The only way which comes to my mind was to do this with js
// So we apply the correct url (with the link to the id of the mask) after the page is loaded.
if($("#logo-img")) {
var path= "url('" + window.location.pathname + "#logo-mask')";
$("#logo-img").css({"mask": path});
}
// make responsive tabmenu with flexmenu.js
// the menupoints which doesn't fit in the second nav bar will moved to a
// dropdown menu. Look at common_tabs.tpl