rescue/khaganat-web
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity

Fix the navbar on the top for small displays

Browse source
This commit is contained in:
Rodolphe Breard 2018-06-11 13:33:20 +02:00
parent 4bb0e083ae
commit 7dc976e347
2 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
navbar/static/navbar/navbar.js
View file

@ -25,4 +25,16 @@ document.addEventListener('DOMContentLoaded', function () {
}); });
} }
// Fix the navbar for small displays
if (window.screen.availWidth < 1088) {
var nb = document.getElementById('navBar');
if (nb !== null) {
nb.className += " is-fixed-top";
}
var ms = document.getElementsByTagName('html')[0];
if (ms !== null) {
ms.className += " has-navbar-fixed-top";
}
console.log(ms);
}
}); });

2
navbar/templates/navbar/navbar.html
View file

@ -1,7 +1,7 @@
{% load static %} {% load static %}
{% load i18n %} {% load i18n %}
<nav class="navbar is-light"> <nav class="navbar is-light" id="navBar">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item" href="{% url 'index' %}"><img src="{% static "khaganat/images/icon_khaganat.png" %}" alt="Khaganat"></a> <a class="navbar-item" href="{% url 'index' %}"><img src="{% static "khaganat/images/icon_khaganat.png" %}" alt="Khaganat"></a>
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false"> <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">