Fixed better sceneNavigation compatability

This commit is contained in:
WBHarry 2026-02-11 23:34:10 +01:00
parent 17ec77a349
commit fa19339868
2 changed files with 46 additions and 39 deletions

View file

@ -1,13 +1,17 @@
#ui-left #ui-left-column-2 { #ui-left #ui-left-column-2 {
flex: 0 0 230px; flex: 0 0 230px;
.scene-navigation {
.scene-wrapper { .scene-wrapper {
display: flex; display: flex;
gap: 2px; gap: 2px;
height: var(--control-size); height: var(--control-size);
width: 100%; width: 100%;
> ul {
margin: 0;
padding: 0;
}
.scene-environment { .scene-environment {
padding: 0; padding: 0;
@ -33,4 +37,3 @@
max-width: 200px; max-width: 200px;
} }
} }
}

View file

@ -7,7 +7,8 @@
<menu id="scene-navigation-active" class="scene-navigation-menu flexcol"> <menu id="scene-navigation-active" class="scene-navigation-menu flexcol">
{{#each scenes.active as |scene|}} {{#each scenes.active as |scene|}}
<li class="scene-wrapper"> <li class="scene-wrapper">
<div class="ui-control scene {{scene.cssClass}}" data-scene-id="{{scene.id}}" data-action="viewScene" {{#if scene.tooltip}}data-tooltip-text="{{scene.tooltip}}"{{/if}}> <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> <span class="scene-name ellipsis">{{scene.name}}</span>
{{#if scene.users}} {{#if scene.users}}
<ul class="scene-players"> <ul class="scene-players">
@ -17,7 +18,8 @@
{{/each}} {{/each}}
</ul> </ul>
{{/if}} {{/if}}
</div> </li>
</ul>
{{#if scene.hasEnvironments}} {{#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> <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}} {{/if}}
@ -27,9 +29,11 @@
<menu id="scene-navigation-inactive" class="scene-navigation-menu flexcol"> <menu id="scene-navigation-inactive" class="scene-navigation-menu flexcol">
{{#each scenes.inactive as |scene|}} {{#each scenes.inactive as |scene|}}
<li class="scene-wrapper"> <li class="scene-wrapper">
<div class="ui-control scene {{scene.cssClass}}" data-scene-id="{{scene.id}}" data-action="viewScene" {{#if scene.tooltip}}data-tooltip-text="{{scene.tooltip}}"{{/if}}> <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> <span class="scene-name ellipsis">{{scene.name}}</span>
</div> </li>
</ul>
</li> </li>
{{/each}} {{/each}}
</menu> </menu>