Commit c44e8157 authored by antoine-boiteau's avatar antoine-boiteau
Browse files

Cleaner way of displaying the nav bar. Refactor of the track list to be...

Cleaner way of displaying the nav bar. Refactor of the track list to be responsive and bootstrap's bug free.
parent e27ff4c5
......@@ -43,8 +43,12 @@
}
@media (max-width: 1000px) {
.nav-switcher {
display: block;
}
#nav-link-list {
display: grid;
display: none;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 3em;
grid-row-gap: 5px;
......@@ -52,12 +56,7 @@
}
@media (max-width: 600px) {
.nav-switcher {
display: block;
}
#nav-link-list {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 9em;
grid-row-gap: 10px;
......
......@@ -27,7 +27,7 @@
window.onresize = function(){
let linkList = document.getElementById("nav-link-list");
window.innerWidth <= 1000 ? linkList.style.display = "grid" : linkList.style.display = "flex"
window.innerWidth <= 1000 ? linkList.style.display = "none" : linkList.style.display = "flex"
};
</script>
</head>
......
......@@ -140,10 +140,10 @@
<div class="row align-items-start" style="">
<div id="tracks" class="col" style="padding-top:10px;padding-bottom:10px; max-height: 100%; max-width: 25em;min-width: 18em">
<h2 class="text-center">{{ name }}</h2>
<div id="track-form" hidden>
<button class="btn btn-primary visible-xs dropdown-toggle" type="button" data-toggle="collapse" data-target="#side-menu-collapse" aria-expanded="false" aria-controls="collapseList" style="width: 100%;">
Traces GPS
</button>
<div id="track-form" class="overflow-auto" style="max-height: 75vh">
<div class="btn btn-primary visible-xs" style="width: 100%;">
{% trans %}track.traces.list{% endtrans %}
</div>
<div id="side-menu-collapse" >
</div>
</div>
......
......@@ -428,6 +428,10 @@ orienteering.</target>
<source>track.file</source>
<target>Files</target>
</trans-unit>
<trans-unit id="aEIt10r" resname="track.traces.list">
<source>track.traces.list</source>
<target>GPS tracks</target>
</trans-unit>
</body>
</file>
</xliff>
......@@ -533,6 +533,10 @@ de l’Informatique.</target>
<source>track.file</source>
<target>Fichier</target>
</trans-unit>
<trans-unit id="aEIt10r" resname="track.traces.list">
<source>track.traces.list</source>
<target>Traces GPS</target>
</trans-unit>
</body>
</file>
</xliff>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment