Show what updates are skipped (#12418)

src/panels/config/core/ha-config-section-updates.ts

@@ -160,6 +160,10 @@ class HaConfigSectionUpdates extends LitElement {
       flex-direction: column;
       display: flex;
     }
+    ha-card {
+      margin-bottom: 24px;
+      margin-bottom: max(24px, env(safe-area-inset-bottom));
+    }
   `;
 }
 

src/panels/config/dashboard/ha-config-updates.ts

@@ -42,6 +42,7 @@ class HaConfigUpdates extends LitElement {
           <paper-icon-item
             @click=${this._openMoreInfo}
             .entity_id=${entity.entity_id}
+            class=${entity.attributes.skipped_version ? "skipped" : ""}
           >
             <span slot="item-icon" class="icon">
               <state-badge
@@ -60,6 +61,9 @@ class HaConfigUpdates extends LitElement {
                     version_available: entity.attributes.latest_version,
                   }
                 )}
+                ${entity.attributes.skipped_version
+                  ? `(${this.hass.localize("ui.panel.config.updates.skipped")})`
+                  : ""}
               </div>
             </paper-item-body>
             ${!this.narrow ? html`<ha-icon-next></ha-icon-next>` : ""}
@@ -96,6 +100,9 @@ class HaConfigUpdates extends LitElement {
           padding: 16px;
           padding-bottom: 0;
         }
+        .skipped {
+          background: var(--secondary-background-color);
+        }
         .icon {
           display: inline-flex;
           height: 100%;

src/translations/en.json

@@ -1136,7 +1136,8 @@
           "more_updates": "+{count} updates",
           "show": "show",
           "show_skipped": "Show skipped",
-          "hide_skipped": "Hide skipped"
+          "hide_skipped": "Hide skipped",
+          "skipped": "Skipped"
         },
         "areas": {
           "caption": "Areas",