Merge pull request #6273 from LibreSign/backport/6271/stable32

[stable32] fix: envelope validation redirect

Author: vitormattos

lib/Controller/SignFileController.php

@@ -132,12 +132,18 @@ public function sign(string $method, array $elements = [], string $identifyValue
 				->setVisibleElements($elements)
 				->sign();
 
+			$validationUuid = $libreSignFile->getUuid();
+			if ($libreSignFile->hasParent()) {
+				$parentFile = $this->signFileService->getFile($libreSignFile->getParentFileId());
+				$validationUuid = $parentFile->getUuid();
+			}
+
 			return new DataResponse(
 				[
 					'action' => JSActions::ACTION_SIGNED,
 					'message' => $this->l10n->t('File signed'),
 					'file' => [
-						'uuid' => $libreSignFile->getUuid()
+						'uuid' => $validationUuid
 					]
 				],
 				Http::STATUS_OK

src/components/validation/EnvelopeValidation.vue

@@ -275,9 +275,18 @@ export default {
 	box-shadow: 0 0 6px 0 var(--color-box-shadow);
 	margin-bottom: 16px;
 
-	@media screen and (max-width: 900px) {
-		padding: 12px;
+	@media screen and (max-width: 700px) {
+		padding: 12px 8px;
 		box-shadow: none;
+		border-top: 2px solid var(--color-border-dark);
+		border-radius: 0;
+		margin-bottom: 0;
+		margin-top: 12px;
+
+		&:first-child {
+			border-top: none;
+			margin-top: 0;
+		}
 	}
 
 	.header {

src/components/validation/FileValidation.vue

@@ -82,9 +82,18 @@ export default {
 		}
 	}
 
-	@media screen and (max-width: 900px) {
-		padding: 12px;
+	@media screen and (max-width: 700px) {
+		padding: 12px 8px;
 		box-shadow: none;
+		border-top: 2px solid var(--color-border-dark);
+		border-radius: 0;
+		margin-bottom: 0;
+		margin-top: 12px;
+
+		&:first-child {
+			border-top: none;
+			margin-top: 0;
+		}
 	}
 }
 </style>

src/views/Validation.vue

@@ -624,12 +624,15 @@ export default {
 			width: 100%;
 			box-shadow: 0 0 6px 0 var(--color-box-shadow);
 
-			@media screen and (max-width: 900px) {
+			@media screen and (max-width: 700px) {
 				width: 100%;
 				display: flex;
 				justify-content: center;
 				align-items: center;
 				max-width: 100%;
+				padding: 12px;
+				margin: 12px;
+				box-shadow: none;
 			}
 		}
 		button {
@@ -647,8 +650,18 @@ export default {
 				margin-bottom: 10px;
 				width: unset;
 				overflow: hidden;
-				@media screen and (max-width: 900px) {
+				@media screen and (max-width: 700px) {
 					max-width: 100%;
+					padding: 12px 8px;
+					box-shadow: none;
+					border-top: 2px solid var(--color-border-dark);
+					border-radius: 0;
+					margin-bottom: 0;
+					margin-top: 12px;
+					&:first-child {
+						border-top: none;
+						margin-top: 0;
+					}
 				}
 				.action-items {
 					gap: 12px;
@@ -773,8 +786,6 @@ export default {
 			margin-inline-end: 0;
 			.section {
 				width: unset;
-				box-shadow: none;
-				padding: 10px !important;
 
 				.signers {
 					.date-signed-desktop {