klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-07-10 11:59:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add style to zoom controls on family graph

Browse Source
This commit is contained in:
Antoine Bartuccio
2025-06-18 14:10:26 +02:00
parent 10d5b9d63f
commit 7d454749e0
3 changed files with 55 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
core/templates/core/user_godfathers_tree.jinja
View File

@ -77,7 +77,6 @@
></i></button>
</span>
</div>
</div>
<div class="toolbar-column">
@ -92,33 +91,34 @@
<i class="fa fa-camera"></i>
{% trans %}Save{% endtrans %}
</button>
<div class="toolbar-input">
<button
@click="() => graph.zoom(graph.zoom() + 1)"
>
<i class="fa-solid fa-magnifying-glass-plus"></i>
</button>
<button
@click="() => graph.zoom(graph.zoom() - 1)"
>
<i class="fa-solid fa-magnifying-glass-minus"></i>
</button>
<button
x-show="isZoomEnabled"
@click="() => isZoomEnabled = false"
>
<i class="fa-solid fa-unlock"></i>
</button>
<button
x-show="!isZoomEnabled"
@click="() => isZoomEnabled = true"
>
<i class="fa-solid fa-lock"></i>
</button>
</div>
</div>
</div>
<div class="zoom-control" x-ref="zoomControl" x-show="graph !== undefined">
<button
@click="() => graph.zoom(graph.zoom() + 1)"
>
<i class="fa-solid fa-magnifying-glass-plus"></i>
</button>
<button
@click="() => graph.zoom(graph.zoom() - 1)"
>
<i class="fa-solid fa-magnifying-glass-minus"></i>
</button>
<button
x-show="isZoomEnabled"
@click="() => isZoomEnabled = false"
>
<i class="fa-solid fa-unlock"></i>
</button>
<button
x-show="!isZoomEnabled"
@click="() => isZoomEnabled = true"
>
<i class="fa-solid fa-lock"></i>
</button>
</div>
<div x-ref="graph" class="graph"></div>
</div>