Merge pull request #2080 from HSLdevcom/DT-2383

DT-2383: Firefox renders wrong map size in route and itinerary pages
HSLdevcom · Jan 5, 2018 · c7e7a2c · c7e7a2c
2 parents 5f8df24 + b7c73e7
commit c7e7a2c
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 1 deletion.
diff --git a/app/component/route.scss b/app/component/route.scss
@@ -112,7 +112,20 @@ $route-schedule-date-height: 36px;
   flex-direction: column;
   padding-bottom: 1.5em;
   overflow-x: hidden;
+  overflow-y: auto;
+  flex: 1 0;
+  flex-basis: 0px;
+  background-color: $white;
+  .route-stop:last-child .route-stop-row_content-container {
+    border-bottom: none;
+  }
+}
+
+.mobile .route-stop-list {
+  overflow-y: visible;
+  flex-basis: auto;
 }
+
 .bp-medium, .bp-large {
   &.location-details_container .route-now-content {
     & svg {

diff --git a/app/component/stop.scss b/app/component/stop.scss
@@ -21,6 +21,18 @@
   }
 }
 
+.stop-scroll-container {
+  flex-basis: 0px;
+  flex-grow: 1;
+  .departure-list {
+    overflow-x: hidden;
+  }
+}
+.mobile .stop-scroll-container {
+  flex-basis: 100%;
+  overflow-y: visible;
+}
+
 .desktop .stop-page.header {
   .h3 {
     font-size: 24px;

diff --git a/app/component/summary.scss b/app/component/summary.scss
@@ -1,5 +1,6 @@
 .desktop .summary {
-  flex: 1 1 0px;
+  flex: 1 0 0px;
+  flex-basis: 0px;
   display: flex;
   flex-direction: column;
   overflow-x: auto;