use === instead of ==, styling to support multiline headers

esphome · Jun 2, 2024 · d40496e · d40496e
1 parent cf0bb14
commit d40496e
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "iis.configDir": ""
+}
diff --git a/packages/v3/src/css/tab.ts b/packages/v3/src/css/tab.ts
@@ -3,9 +3,11 @@ import { css } from "lit";
 export default css`
   .tab-header {
     display: inline-flex;
-    min-height: 40px;
+    max-width:90%;
     font-weight: 400;
     padding-inline: 1.5em;
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
     align-items: center;
     border-radius: 12px 12px 0px 0px;
     background-color: rgba(127, 127, 127, 0.3);

diff --git a/packages/v3/src/esp-entity-table.ts b/packages/v3/src/esp-entity-table.ts
@@ -112,7 +112,7 @@ export class EntityTable extends LitElement implements RestAction {
           const sortB = b.sorting_weight ?? b.name;  
           return a.sorting_group < b.sorting_group  
             ? -1  
-            : a.sorting_group == b.sorting_group  
+            : a.sorting_group === b.sorting_group  
             ? sortA < sortB  
               ? -1  
               : 1  
@@ -153,12 +153,12 @@ export class EntityTable extends LitElement implements RestAction {
 
     this.groups = EntityTable.ENTITY_CATEGORIES.map((category, index) => ({
       name: category,
-      sorting_weight: index - 1000
+      sorting_weight: index
     }));
 
     this.groups.push({
       name: EntityTable.ENTITY_UNDEFINED,
-      sorting_weight: -10001 
+      sorting_weight: -1 
     });
   }