Remove icon and make precipitation optional

Author: bramkragten

dist/weather-card.js

@@ -151,10 +151,10 @@ class WeatherCard extends LitElement {
       <div class="current ${this.numberElements > 1 ? "spacer" : ""}">
         <span
           class="icon bigger"
-          style="background: none, url(${this.getWeatherIcon(
+          style="background: none, url('${this.getWeatherIcon(
             stateObj.state.toLowerCase(),
             this.hass.states["sun.sun"].state
-          )}) no-repeat; background-size: contain;"
+          )}') no-repeat; background-size: contain;"
           >${stateObj.state}
         </span>
         ${this._config.name
@@ -251,9 +251,9 @@ class WeatherCard extends LitElement {
               </div>
               <i
                 class="icon"
-                style="background: none, url(${this.getWeatherIcon(
+                style="background: none, url('${this.getWeatherIcon(
                   daily.condition.toLowerCase()
-                )}) no-repeat; background-size: contain;"
+                )}') no-repeat; background-size: contain;"
               ></i>
               <div class="highTemp">
                 ${daily.temperature}${this.getUnit("temperature")}
@@ -265,11 +265,11 @@ class WeatherCard extends LitElement {
                     </div>
                   `
                 : ""}
-              ${daily.precipitation !== undefined &&
+              ${!this._config.hide_precipitation &&
+              daily.precipitation !== undefined &&
               daily.precipitation !== null
                 ? html`
                     <div class="precipitation">
-                      <ha-icon icon="mdi:weather-rainy"></ha-icon>
                       ${daily.precipitation} ${this.getUnit("precipitation")}
                     </div>
                   `
@@ -447,10 +447,6 @@ class WeatherCard extends LitElement {
           font-weight: 300;
         }
 
-        .precipitation ha-icon {
-          height: 18px;
-        }
-
         .icon.bigger {
           width: 10em;
           height: 10em;