MagicMirror² v2.5.0 is available! For more information about this release, check out this topic.

MMM-forecast-io temp bar height



  • 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!!



  • 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 😟