jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-29 04:06:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

add version number to integration page (#25940)

Browse Source 
* add version number to integration page

* Update ha-config-integration-page.ts
This commit is contained in:
Bram Kragten 2025-06-26 13:04:13 +02:00 committed by GitHub
parent f5df91d4c7
commit 675310afdf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/panels/config/integrations/ha-config-integration-page.ts
View File

@ -380,6 +380,11 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
<div class="title"> <div class="title">
<h1>${domainToName(this.hass.localize, this.domain)}</h1> <h1>${domainToName(this.hass.localize, this.domain)}</h1>
<div class="sub"> <div class="sub">
${this._manifest?.version != null
? html`<span class="version"
>${this._manifest.version}</span
>`
: nothing}
${this._manifest?.is_built_in === false ${this._manifest?.is_built_in === false
? html`<div ? html`<div
class=${`integration-info ${ class=${`integration-info ${
@ -893,7 +898,7 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
} }
.title { .title {
display: flex; display: flex;
gap: 8px; gap: 4px;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
} }
@ -911,6 +916,7 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 8px 16px; gap: 8px 16px;
align-items: center;
} }
.card-content { .card-content {
padding: 16px 0 8px; padding: 16px 0 8px;
@ -934,9 +940,6 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
width: 80px; width: 80px;
} }
.version { .version {
padding-top: 8px;
display: flex;
justify-content: center;
color: var(--secondary-text-color); color: var(--secondary-text-color);
} }
.overview .card-actions { .overview .card-actions {