Fixes missing buttons by changing paper-icon-button to ha-icon-button

nervetattoo · Jun 15, 2020 · c52699b · c52699b
1 parent 618b446
commit c52699b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/src/index.js b/src/index.js
@@ -322,21 +322,21 @@ class BannerCard extends LitElement {
             ${mediaTitle}
           </div>
           <div class="entity-state-right media-controls">
-            <paper-icon-button
+            <ha-icon-button
               icon="mdi:skip-previous"
               role="button"
               @click=${this._service(domain, "media_previous_track", entity)}
-            ></paper-icon-button>
-            <paper-icon-button
+            ></ha-icon-button>
+            <ha-icon-button
               icon="${isPlaying ? "mdi:stop" : "mdi:play"}"
               role="button"
               @click=${this._service(domain, action, entity)}
-            ></paper-icon-button>
-            <paper-icon-button
+            ></ha-icon-button>
+            <ha-icon-button
               icon="mdi:skip-next"
               role="button"
               @click=${this._service(domain, "media_next_track", entity)}
-            ></paper-icon-button>
+            ></ha-icon-button>
           </div>
         </div>
       </div>
@@ -365,23 +365,23 @@ class BannerCard extends LitElement {
       <div class="entity-state" style="${this.grid(size)}">
         ${entityName(name, onClick)}
         <span class="entity-value">
-          <paper-icon-button
+          <ha-icon-button
             ?disabled=${isopen}
             icon="hass:arrow-up"
             role="button"
             @click=${this._service("cover", "open_cover", entity)}
-          ></paper-icon-button>
-          <paper-icon-button
+          ></ha-icon-button>
+          <ha-icon-button
             icon="hass:stop"
             role="button"
             @click=${this._service("cover", "stop_cover", entity)}
-          ></paper-icon-button>
-          <paper-icon-button
+          ></ha-icon-button>
+          <ha-icon-button
             ?disabled=${isclosed}
             icon="hass:arrow-down"
             role="button"
             @click=${this._service("cover", "close_cover", entity)}
-          ></paper-icon-button>
+          ></ha-icon-button>
         </span>
       </div>
     `;

diff --git a/src/styles.js b/src/styles.js
@@ -24,7 +24,7 @@ export default css`
     cursor: pointer;
   }
 
-  paper-icon-button {
+  ha-icon-button {
     width: var(--bc-button-size);
     height: var(--bc-button-size);
     padding: var(--bc-spacing);