From 582a15be77971e28e82a33414b35e3add646c32a Mon Sep 17 00:00:00 2001
From: WBHarry <williambjrklund@gmail.com>
Date: Thu, 2 Apr 2026 11:23:57 +0200
Subject: [PATCH] Fixed scene-navigation styling for levels

---
 .../ui/sceneNavigation/scene-navigation.hbs   | 61 +++++--------------
 1 file changed, 15 insertions(+), 46 deletions(-)

diff --git a/templates/ui/sceneNavigation/scene-navigation.hbs b/templates/ui/sceneNavigation/scene-navigation.hbs
index 68df761e..5bdbbdad 100644
--- a/templates/ui/sceneNavigation/scene-navigation.hbs
+++ b/templates/ui/sceneNavigation/scene-navigation.hbs
@@ -11,19 +11,21 @@
             {{> ".scene" }}
         </menu>
     {{/with}}
-    <menu id="scene-navigation-levels" class="scene-levels scene-navigation-menu flexcol levels-{{ scenes.levels.length }}">
-        {{#each scenes.levels}}
-        <li class="level-row">
-            {{#with button}}
-            <button type="button" class="ui-control icon fa-solid {{ css }}" data-action="cycleLevel"
-                    data-direction="{{ direction }}" aria-label="{{ label }}"></button>
-            {{/with}}
-            <div class="ui-control scene scene-level {{ css }}" data-scene-id="{{ sceneId }}" data-level-id="{{ id }}" data-action="viewLevel">
-                <span class="ellipsis">{{ name }}</span>
-            </div>
-        </li>
-        {{/each}}
-    </menu>
+    {{#if scenes.levels}}
+        <menu id="scene-navigation-levels" class="scene-levels scene-navigation-menu flexcol" style="--max-levels: {{ scenes.levels.length }}">
+            {{#each scenes.levels}}
+            <li class="level-row">
+                {{#with button}}
+                <button type="button" class="ui-control icon fa-solid {{ css }}" data-action="cycleLevel"
+                        data-direction="{{ direction }}" aria-label="{{ label }}"></button>
+                {{/with}}
+                <div class="ui-control scene scene-level {{ css }}" data-scene-id="{{ sceneId }}" data-level-id="{{ id }}" data-action="viewLevel">
+                    <span class="ellipsis">{{ name }}</span>
+                </div>
+            </li>
+            {{/each}}
+        </menu>
+    {{/if}}
     <menu id="scene-navigation-active" class="scene-navigation-menu flexcol">
         {{#each scenes.active}}
         {{> ".scene" }}
@@ -34,39 +36,6 @@
         {{> ".scene" }}
         {{/each}}
     </menu>
-    {{!-- <menu id="scene-navigation-active" class="scene-navigation-menu flexcol">
-        {{#each scenes.active as |scene|}}
-            <li class="scene-wrapper">
-                <ul>
-                    <li class="ui-control scene {{scene.cssClass}}" data-scene-id="{{scene.id}}" data-action="viewScene" {{#if scene.tooltip}}data-tooltip-text="{{scene.tooltip}}"{{/if}}>
-                        <span class="scene-name ellipsis">{{scene.name}}</span>
-                        {{#if scene.users}}
-                        <ul class="scene-players">
-                            {{#each scene.users as |user|}}
-                            <li class="scene-player" style="--color-bg:{{user.color}}; --color-border:{{user.border}}"
-                                data-tooltip aria-label="{{user.name}}">{{user.letter}}</li>
-                            {{/each}}
-                        </ul>
-                        {{/if}}
-                    </li>
-                </ul>
-                {{#if scene.hasEnvironments}}
-                    <button class="ui-control scene-environment {{#if (gt scene.environments.length 1)}}many-environments{{/if}}" data-action="openSceneEnvironment" data-scene-id="{{scene.id}}"><img src="{{scene.environmentImage}}" /> </button>
-                {{/if}}
-            </li>
-        {{/each}}
-    </menu>
-    <menu id="scene-navigation-inactive" class="scene-navigation-menu flexcol">
-        {{#each scenes.inactive as |scene|}}
-            <li class="scene-wrapper">
-                <ul>
-                <li class="ui-control scene {{scene.cssClass}}" data-scene-id="{{scene.id}}" data-action="viewScene" {{#if scene.tooltip}}data-tooltip-text="{{scene.tooltip}}"{{/if}}>
-                    <span class="scene-name ellipsis">{{scene.name}}</span>
-                </li>
-                </ul>
-            </li>
-        {{/each}}
-    </menu> --}}
 </nav>
 
 {{#*inline ".scene"}}