Merge pull request #118 from JonahKr/dev

Fixing Checkbox Labels #116
JonahKr · Nov 22, 2022 · 2232830 · 2232830
2 parents 4366e87 + 9c863d2
commit 2232830
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "power-distribution-card",
-  "version": "2.5.5",
+  "version": "2.5.6",
   "license": "MIT",
   "author": "JonahKr",
   "description": "A Lovelace Card for visualizing power distributions.",

diff --git a/src/editor.ts b/src/editor.ts
@@ -44,11 +44,11 @@ export class PowerDistributionCardEditor extends LitElement implements LovelaceC
    */
   protected async firstUpdated(): Promise<void> {
     if (!customElements.get('ha-form') || !customElements.get('hui-action-editor')) {
-      (customElements.get('hui-button-card') as any)?.getConfigElement();
+      (customElements.get('hui-button-card') as HassCustomElement)?.getConfigElement();
     }
 
     if (!customElements.get('ha-entity-picker')) {
-      (customElements.get('hui-entities-card') as any)?.getConfigElement();
+      (customElements.get('hui-entities-card') as HassCustomElement)?.getConfigElement();
     }
   }
 
@@ -256,7 +256,7 @@ export class PowerDistributionCardEditor extends LitElement implements LovelaceC
             .configValue=${'hide_arrows'}
             @change=${this._itemEntityChanged}
           />
-          <label for="invert-value"> ${localize('editor.settings.hide-arrows')}</label>
+          <label for="hide-arrows"> ${localize('editor.settings.hide-arrows')}</label>
         </div>
       </div>
       <div class="side-by-side">
@@ -383,12 +383,12 @@ export class PowerDistributionCardEditor extends LitElement implements LovelaceC
       <div class="checkbox">
         <input
           type="checkbox"
-          id="hide-arrows"
+          id="secondary_info_replace_name"
           .checked="${item.secondary_info_replace_name || false}"
           .configValue=${'secondary_info_replace_name'}
           @change=${this._itemEntityChanged}
         />
-        <label for="invert-value"> ${localize('editor.settings.replace_name')}</label>
+        <label for="secondary_info_replace_name"> ${localize('editor.settings.replace_name')}</label>
       </div>
       <br />
       <h3>${localize('editor.settings.color-settings', true)}</h3>

diff --git a/src/styles.ts b/src/styles.ts
@@ -135,6 +135,7 @@ export const styles = css`
 
   value {
     float: right;
+    width: 54px;
   }
 
   value > p {
-Original file line number
+Diff line change
@@ Expand Up / @@ -135,6 +135,7 @@ export const styles = css` @@
       value {
         float: right;
+        width: 54px;
       }
       value > p {
@@ Expand Down @@