cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-04-22 07:23:37 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Fixed scene-navigation styling for levels

Browse source
This commit is contained in:
WBHarry 2026-04-02 11:23:57 +02:00
parent 7fa03c58e0
commit 582a15be77
1 changed files with 15 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

61
templates/ui/sceneNavigation/scene-navigation.hbs
View file

@ -11,19 +11,21 @@
{{> ".scene" }} {{> ".scene" }}
</menu> </menu>
{{/with}} {{/with}}
<menu id="scene-navigation-levels" class="scene-levels scene-navigation-menu flexcol levels-{{ scenes.levels.length }}"> {{#if scenes.levels}}
{{#each scenes.levels}} <menu id="scene-navigation-levels" class="scene-levels scene-navigation-menu flexcol" style="--max-levels: {{ scenes.levels.length }}">
<li class="level-row"> {{#each scenes.levels}}
{{#with button}} <li class="level-row">
<button type="button" class="ui-control icon fa-solid {{ css }}" data-action="cycleLevel" {{#with button}}
data-direction="{{ direction }}" aria-label="{{ label }}"></button> <button type="button" class="ui-control icon fa-solid {{ css }}" data-action="cycleLevel"
{{/with}} data-direction="{{ direction }}" aria-label="{{ label }}"></button>
<div class="ui-control scene scene-level {{ css }}" data-scene-id="{{ sceneId }}" data-level-id="{{ id }}" data-action="viewLevel"> {{/with}}
<span class="ellipsis">{{ name }}</span> <div class="ui-control scene scene-level {{ css }}" data-scene-id="{{ sceneId }}" data-level-id="{{ id }}" data-action="viewLevel">
</div> <span class="ellipsis">{{ name }}</span>
</li> </div>
{{/each}} </li>
</menu> {{/each}}
</menu>
{{/if}}
<menu id="scene-navigation-active" class="scene-navigation-menu flexcol"> <menu id="scene-navigation-active" class="scene-navigation-menu flexcol">
{{#each scenes.active}} {{#each scenes.active}}
{{> ".scene" }} {{> ".scene" }}
@ -34,39 +36,6 @@
{{> ".scene" }} {{> ".scene" }}
{{/each}} {{/each}}
</menu> </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> </nav>
{{#*inline ".scene"}} {{#*inline ".scene"}}