AppStd/EnvelopeGenerator
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add reset button to PDF toolbar for signature reset

Browse Source 
Added a reset button to the PDF toolbar in `EnvelopeViewer.razor`
to allow users to reset all signatures and state. The button is
conditionally displayed when there are signed signatures
(`_signedSignatures > 0`).

Implemented the `RestartSigning` method to reload the page and
reset all signatures by navigating to the current URI with
`forceLoad: true`.

Introduced new styles in `envelope-viewer.css` for the reset
button, including hover effects, background gradients, border
colors, and transitions for a polished user experience.

Updated the reset button to include an SVG icon with hover
effects for better visual feedback and consistency with the
application's design.
This commit is contained in:
tekh
2026-06-08 13:18:52 +02:00
parent 52e5fce7fd
commit de60bd239d
2 changed files with 44 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
EnvelopeGenerator.ReceiverUI/wwwroot/css/envelope-viewer.css
View File

@@ -461,6 +461,29 @@ body.resizing {
color: #059669;
}
/* Reset Button Styles */
.pdf-toolbar__btn--reset {
background: linear-gradient(135deg, rgba(239, 68, 68, 0.08) 0%, rgba(220, 38, 38, 0.08) 100%);
border-color: rgba(239, 68, 68, 0.3);
color: #dc2626;
}
.pdf-toolbar__btn--reset:hover:not(:disabled) {
background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
border-color: transparent;
color: white;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}
.pdf-toolbar__btn--reset svg {
transition: color 0.2s ease;
}
.pdf-toolbar__btn--reset:hover:not(:disabled) svg {
color: white;
}
.pdf-frame {
background: white;
border-radius: 16px;