Skip to content
Permalink
Browse files

Fix alighment of UV and Solar Almanacs...

Make the gap between top boxes match between UV and Solar.
Fix UV graph to not be too wide on mobile.
Expanded UV and Solar graphs a little to take up the full available height.
  • Loading branch information...
lightmaster committed May 23, 2019
1 parent a0feefe commit d6d1e12d58d605ea7aa07aca2742de3eaf111650
Showing with 9 additions and 9 deletions.
  1. +1 −1 mbcharts/todaysolarsmall.php
  2. +1 −1 mbcharts/todayuvsmall.php
  3. +2 −2 solaralmanac.php
  4. +5 −5 uvalmanac.php
@@ -184,7 +184,7 @@ function drawChart( dataPoints1 , dataPoints2 ) {
</script>

<body>
<div id="chartContainer2" class="chartContainer2" style="width:100%;height:125px;padding:0;margin-top:-25px;border-radius:3px;border: 1px solid rgba(245, 247, 252,.02);
<div id="chartContainer2" class="chartContainer2" style="width:100%;height:175px;padding:0;margin-top:-25px;border-radius:3px;border: 1px solid rgba(245, 247, 252,.02);
box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.6);"></div></div>

</body>
@@ -187,7 +187,7 @@ function drawChart( dataPoints1 , dataPoints2 ) {
</script>

<body>
<div id="chartContainer2" class="chartContainer2" style="width:100%;height:140px;padding:0;margin-top:-25px;border-radius:3px;border: 1px solid rgba(245, 247, 252,.02);
<div id="chartContainer2" class="chartContainer2" style="width:100%;height:175px;padding:0;margin-top:-25px;border-radius:3px;border: 1px solid rgba(245, 247, 252,.02);
box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.6);"></div></div>

</body>
@@ -46,7 +46,7 @@
-webkit-border-radius:4px;
border-radius:4px;
background:0;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
height:160px
height:210px
}
@@ -195,7 +195,7 @@
<main class="grid1">
<articlegraph>
<div class=actualt>Today <span style="color:#ff9350">Solar W/m<supwm2>2</supwm2></div>
<iframe src="mbcharts/todaysolarsmall.php" frameborder="0" scrolling="no" width="100%"></iframe>
<iframe src="mbcharts/todaysolarsmall.php" frameborder="0" scrolling="no" width="100%" height="100%"></iframe>

</articlegraph>

@@ -14,7 +14,7 @@
.grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 2fr));
grid-gap: 5px;
grid-gap: 10px;
align-items: stretch;
color:#f5f7fc;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
@@ -30,7 +30,7 @@
}
.grid1 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(770px, 1fr));
grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
grid-gap: 5px;
color:#f5f7fc;
@@ -44,7 +44,7 @@
-webkit-border-radius:4px;
border-radius:4px;
background:0;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
height:170px
height:210px
}
@@ -212,11 +212,11 @@


</article>

</main>
<main class="grid1">
<articlegraph>
<div class=actualt>Today <span style="color:#ff9350">UV-INDEX</div>
<iframe src="mbcharts/todayuvsmall.php" frameborder="0" scrolling="no" width="100%"></iframe>
<iframe src="mbcharts/todayuvsmall.php" frameborder="0" scrolling="no" width="100%" height="100%"></iframe>

</articlegraph>

0 comments on commit d6d1e12

Please sign in to comment.
You can’t perform that action at this time.