fixes for safari, image

chintogtokh · May 19, 2018 · 478e070 · 478e070
1 parent 9aa2ac8
commit 478e070
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 6 deletions.
diff --git a/frontend/public/images/Untitled-2.png b/frontend/public/images/Untitled-2.png
diff --git a/frontend/public/images/noimage.png b/frontend/public/images/noimage.png
diff --git a/frontend/src/components/allsuburbs/AllSuburbs.js b/frontend/src/components/allsuburbs/AllSuburbs.js
@@ -240,7 +240,7 @@ class AllSuburbs extends Component {
               .then(metaResponse => {
                 var imageURL = "";
                 if(metaResponse.data.status !== "OK"){
-                  imageURL = "images/transparent.png";
+                  imageURL = "images/noimage.png";
                 }
                 else{
                   imageURL = 'http://maps.googleapis.com/maps/api/streetview?size=640x480&location=' + shel.coords.lat + "," + shel.coords.lng + '&pitch=0&sensor=false&key=' + this.googleMapsApiKey;
@@ -373,8 +373,8 @@ class AllSuburbs extends Component {
 
               <nav aria-label="breadcrumb">
                 <ol className="breadcrumb">
-                {this.props.history.length>3 &&
-                  <li className="breadcrumb-item"><a href="#"><i onClick={this.props.history.goBack} className="fas fa-chevron-circle-left"></i></a></li>
+                {this.props.history.length>1 &&
+                  <li className="breadcrumb-item"><a onClick={this.props.history.goBack}><i className="fas fa-chevron-circle-left"></i></a></li>
                 }
                   <li className="breadcrumb-item"><Link to="/">Home</Link></li>
                   <li className="breadcrumb-item active" aria-current="page">Suburb Suggestions</li>

diff --git a/frontend/src/components/allsuburbs/AllSuburbs.scss b/frontend/src/components/allsuburbs/AllSuburbs.scss
@@ -188,6 +188,14 @@ main{
         .breadcrumb-item.active{
           color:black;
         }
+
+        .breadcrumb-item a{
+          color: #007bff;
+
+          i:hover{
+            cursor: pointer;
+          }
+        }
     }
 
     .star-label{
@@ -198,7 +206,7 @@ main{
     }
 
     .card{
-      background: rgba(255,255,255,0.9);
+      background: rgba(255,255,255,0.7);
     }
 
     .suburb-link{

diff --git a/frontend/src/components/suburb/Suburb.js b/frontend/src/components/suburb/Suburb.js
@@ -247,8 +247,8 @@ class Suburb extends Component {
 
               <nav aria-label="breadcrumb">
                 <ol className="breadcrumb">
-                {this.props.history.length>3 &&
-                  <li className="breadcrumb-item"><a href="#"><i onClick={this.props.history.goBack} className="fas fa-chevron-circle-left"></i></a></li>
+                {this.props.history.length>1 &&
+                  <li className="breadcrumb-item"><a onClick={this.props.history.goBack}><i className="fas fa-chevron-circle-left"></i></a></li>
                 }
                   <li className="breadcrumb-item"><Link to="/">Home</Link></li>
                   <li className="breadcrumb-item"><Link to="/suburb">Suburb Suggestions</Link></li>

diff --git a/frontend/src/components/suburb/Suburb.scss b/frontend/src/components/suburb/Suburb.scss
@@ -150,6 +150,14 @@
           color:black;
         }
 
+        .breadcrumb-item a{
+          color: #007bff;
+
+          i:hover{
+            cursor: pointer;
+          }
+        }
+
     }
 
     .star-label{