Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-07 18:44:08 +00:00
Code Issues Actions Projects Releases Wiki Activity

Add conditional cursor style for canvas when a zone is added within the canvas

Browse Source 
Modified the canvas element to conditionally apply a CSS class when adding a zone. This change ensures the cursor changes to 'copy' for visual feedback during the add operation.
This commit is contained in:
Julien Fastré 2024-11-07 20:10:37 +01:00
parent e5148f603b
commit 8e34f6962a
Signed by: julienfastre
GPG Key ID: BDE2190974723FCB
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/DocumentSignature/App.vue
View File

@ -206,8 +206,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-xs-12 col-md-12 col-lg-9 m-auto my-5 text-center"> <div class="col-xs-12 col-md-12 col-lg-9 m-auto my-5 text-center" :class="{onAddZone: canvasEvent === 'add'}">
<canvas class="m-auto" id="canvas"></canvas> <canvas class="m-auto" id="canvas" ></canvas>
</div> </div>
<div class="col-xs-12 col-md-12 col-lg-9 m-auto p-4" id="action-buttons"> <div class="col-xs-12 col-md-12 col-lg-9 m-auto p-4" id="action-buttons">
@ -672,6 +672,15 @@ init();
#canvas { #canvas {
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
} }
.onAddZone {
cursor: not-allowed;
#canvas {
cursor: copy;
}
}
div#action-buttons { div#action-buttons {
position: sticky; position: sticky;
bottom: 0px; bottom: 0px;