Weather alerts are now truncated to show now more than three lines of…

… description
jclarke0000 · Mar 21, 2021 · 7af09ba · 7af09ba
1 parent d45d88c
commit 7af09ba
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 5 deletions.
diff --git a/MMM-OpenWeatherForecast.css b/MMM-OpenWeatherForecast.css
@@ -104,13 +104,29 @@
   background-position: 6px 10px;
 }
 
-.MMM-OpenWeatherForecast .weather-alert .weather-alert-description {
+.MMM-OpenWeatherForecast .weather-alert .weather-alert-title {
   font-size: 17px;
   line-height: 1;
+  margin-bottom: 4px;
+  color: #DD1212;
+  display: block;
+  text-align: left;
+  padding-left: 36px;
+  font-weight: 700;
+}
+.MMM-OpenWeatherForecast .weather-alert .weather-alert-description {
+  font-size: 17px;
+  line-height: 1.2;
   color: #FFF;
   display: block;
   text-align: left;
   padding-left: 36px;
+
+  /* truncate to no more than three lines */
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;  
+  overflow: hidden;
 }
 
 .MMM-OpenWeatherForecast .weather-alert .weather-alert-source {

diff --git a/MMM-OpenWeatherForecast.js b/MMM-OpenWeatherForecast.js
@@ -503,10 +503,6 @@ Module.register("MMM-OpenWeatherForecast", {
       conversionFactor = 3.6;
     }
 
-    console.log("=========== units: " + this.config.units);
-    console.log("=========== use km/h: " + this.config.displayKmhForWind);
-    console.log("=========== conv factor: " + conversionFactor);
-
     //wind gust
     var windGust = null;
     if (!this.config.concise && gust) {

diff --git a/mmm-openweather-forecast.njk b/mmm-openweather-forecast.njk
@@ -27,6 +27,7 @@
 
         {% for alert in forecast.alerts %}
           <div class="weather-alert">
+            <span class="weather-alert-title">{{ alert.event }}</span>
             <span class="weather-alert-description">{{ alert.description }}</span>
             <span class="weather-alert-source">{{ alert.sender_name }}</span>
           </div>