fix(layout): added overflow to forecast

krzysztofsaja · Jul 24, 2017 · 6c689db · 6c689db
1 parent 4e48611
commit 6c689db
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/demo/demo.component.ts b/demo/demo.component.ts
@@ -88,8 +88,8 @@ export class DemoComponent {
     scale: TemperatureScale.CELCIUS,
     backgroundColor: '#ffffff',
     color: '#222222',
-    width: '400px',
-    height: 'auto',
+    width: '500px',
+    height: '400px',
     showWind: true,
     showDetails: true,
     showForecast: true,

diff --git a/src/weather.container.ts b/src/weather.container.ts
@@ -32,7 +32,6 @@ import {
                position: relative;
                padding: 1em;
                box-sizing: border-box;
-               overflow-y: auto;
              }
              .info {
                display: flex;
@@ -49,6 +48,8 @@ import {
              }
              .wide .forecast {
                flex-grow: 1;
+               overflow-y: auto;
+               height: 100%;
              }
              .current {
                display: flex;
@@ -60,6 +61,7 @@ import {
              .forecast {
                min-width: 200px;
                width: 100%;
+               overflow-y: auto;
              }
              .current, .forecast {
                padding: 0.5em;