4. MMM-forecast-io temp bar height
MagicMirror² v2.5.0 is available! For more information about this release, check out this topic.

MMM-forecast-io temp bar height

  • S

    Hi All 😀

    I have looked at using MMM-forecast-io (idoodler’s fork https://github.com/idoodler/MMM-forecast-io/blob/master/MMM-forecast-io.js). Is there anyway to adjust the height of the bars used for the daily temperature range? I have been able to change the CSS file to sort out the text height to something more appropriate for my display, but the bars are just WAY to huge 😆 it pushes off the bottom of my screen and I can’t figure out where the height of them is specified or inferred from.

    Any pointers would be gratefully received!!

    0
    S
     1 Reply
  • S

    okay, I have been able to figure out a little more. I can make the bars bigger but not smaller. This is as small as I can make them:

    0_1526817953613_IMG_20180520_130314.jpg

    This is the code used to produce the above:

    .MMM-forecast-io .forecast-bar .bar {
  background-color: #aaa;
  line-height: 0.01em;
  border-radius: 0.01em;
  border: 0.5px transparent solid;
  background-clip: padding-box;
  color: black;
}

    No matter what I change the line-height to the bars get no smaller 😟

    0