Cleanup templates for mobiles/tablets.

This commit is contained in:
2013-04-13 11:30:55 +01:00
parent a1b7a7a511
commit 7a3d8ff734
2 changed files with 39 additions and 17 deletions

View File

@@ -12,6 +12,16 @@
width: 100%; width: 100%;
height: 600px; height: 600px;
} }
@media (max-width: 767px) {
#map-canvas-stores {
height: 500px;
}
}
@media (max-width: 767px) {
#map-canvas-stores {
height: 400px;
}
}
</style> </style>
{% endblock %} {% endblock %}

View File

@@ -31,8 +31,19 @@
<div class="container"> <div class="container">
<ul class="nav"> <ul class="nav">
<li><a href="{% url "map" %}">Map</a></li> <li><a href="{% url "map" %}">Map</a></li>
<li><a href="{% url "store-retail-list" %}">Retail Stores</a></li> <li class="hidden-phone"><a href="{% url "store-retail-list" %}">Retail Stores</a></li>
<li><a href="{% url "store-online-list" %}">Online Stores</a></li> <li class="hidden-phone"><a href="{% url "store-online-list" %}">Online Stores</a></li>
</ul>
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="visible-phone"><a href="{% url "store-retail-list" %}">Retail Stores</a></li>
<li class="visible-phone"><a href="{% url "store-online-list" %}">Online Stores</a></li>
<li><a href="{% url "chain-list" %}">Chains</a></li> <li><a href="{% url "chain-list" %}">Chains</a></li>
<li><a href="{% url "brand-list" %}">Brand Stockists</a></li> <li><a href="{% url "brand-list" %}">Brand Stockists</a></li>
</ul> </ul>
@@ -53,6 +64,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div id="alert-container"> <div id="alert-container">
{% if messages %} {% if messages %}