fix the ugly black bar under nav items

prevostc · Mar 6, 2015 · 027b721 · 027b721
1 parent 69b5f9c
commit 027b721
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 4 deletions.
diff --git a/www/templates/tab-favorites-view.html b/www/templates/tab-favorites-view.html
@@ -1,4 +1,6 @@
 <ion-view view-title="{{::mapData.name}}" ng-init="init()">
+    <ion-nav-buttons side="left" class="hide"></ion-nav-buttons>
+    <ion-nav-buttons side="right" class="hide"></ion-nav-buttons>
     <ion-content class="padding" scroll="false">
         <div class="canvas-container">
             <map map-data="mapData"></map>

diff --git a/www/templates/tab-favorites.html b/www/templates/tab-favorites.html
@@ -1,7 +1,9 @@
 <ion-view view-title="Favorites">
-    <ion-nav-buttons side="secondary">
+    <ion-nav-buttons side="left" class="hide"></ion-nav-buttons>
+    <ion-nav-buttons side="right">
         <button
             class="button button-icon icon ion-ios-trash-outline"
+            ng-class="{'hide': items.length === 0}"
             ng-click="toggleDeleteButtons()">
         </button>
     </ion-nav-buttons>
@@ -18,10 +20,10 @@ <h2>{{::item.name}}</h2>
                 <ion-delete-button class="ion-minus-circled" ng-click="deleteItem(item)"></ion-delete-button>
             </ion-item>
         </ion-list>
-        <div class="card" ng-if="items.length == 0">
+        <div class="card" ng-if="items.length === 0">
             <div class="item item-text-wrap">
                 <h2>Tap <span class="favorite-button icon ion-star"></span> to save a map!</h2>
-                <p>Please go to the <a href="#/tab/map">map tab</a>, generate a map and press the star button to save a map as a favorite. You may then come back here to list and manage your favorite maps.</p>
+                <p>Please go to the <a href="#/tab/map">map tab</a>, generate a map and press the star button on the top-right header to save a map as a favorite. You may then come back here to list and manage your favorite maps.</p>
             </div>
         </div>
     </ion-content>

diff --git a/www/templates/tab-map.html b/www/templates/tab-map.html
@@ -1,5 +1,6 @@
 <ion-view view-title="{{mapData.name && mapData.name || 'Map Generator'}}" ng-init="init()">
-    <ion-nav-buttons side="secondary">
+    <ion-nav-buttons side="left" class="hide"></ion-nav-buttons>
+    <ion-nav-buttons side="right">
         <button ng-if="mapData.map"
                 class="button button-icon icon-right icon favorite-button"
                 ng-class="{'ion-checkmark': starred, 'ion-star': !starred}" ng-click="star()">

diff --git a/www/templates/tab-settings.html b/www/templates/tab-settings.html
@@ -1,4 +1,6 @@
 <ion-view view-title="Settings">
+    <ion-nav-buttons side="left" class="hide"></ion-nav-buttons>
+    <ion-nav-buttons side="right" class="hide"></ion-nav-buttons>
     <ion-content>
         <ion-list>
             <label class="item item-input item-select">