From cc46d2251e7bdf42652b12328c9d030261b6f7bf Mon Sep 17 00:00:00 2001
From: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
Date: Wed, 15 Oct 2025 12:09:02 -0300
Subject: [PATCH 1/3] chore: improve UX at sign screen

Start to implement improvements at sign screen to solve the issue when
the signer can't see the document by an easy way.

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
---
 src/Components/RightSidebar/RightSidebar.vue | 13 +++++++++++++
 src/Components/RightSidebar/SignTab.vue      |  8 ++++++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/Components/RightSidebar/RightSidebar.vue b/src/Components/RightSidebar/RightSidebar.vue
index b836320469..4f6001c3d1 100644
--- a/src/Components/RightSidebar/RightSidebar.vue
+++ b/src/Components/RightSidebar/RightSidebar.vue
@@ -82,3 +82,16 @@ export default {
 	},
 }
 </script>
+<style lang="scss" scoped>
+
+@media (max-width: 512px) {
+	.app-sidebar {
+		height: unset;
+		top: unset;
+		bottom: 0;
+		::v-deep .app-sidebar-tabs__content{
+			min-height: unset;
+		}
+	}
+}
+</style>
diff --git a/src/Components/RightSidebar/SignTab.vue b/src/Components/RightSidebar/SignTab.vue
index 42dd335b2f..da75732fde 100644
--- a/src/Components/RightSidebar/SignTab.vue
+++ b/src/Components/RightSidebar/SignTab.vue
@@ -67,8 +67,12 @@ export default {
 header {
 	text-align: center;
 	width: 100%;
-	margin-top: 1em;
-	margin-bottom: 3em;
+}
+@media (min-width: 513px) {
+	header {
+		margin-top: 1em;
+		margin-bottom: 3em;
+	}
 }
 main {
 	flex-direction: column;

From 6911a785af313a078ade568a157ff29afd86e793 Mon Sep 17 00:00:00 2001
From: antonio-i-sampaio <igorsantateresa@gmail.com>
Date: Fri, 24 Oct 2025 02:06:48 -0300
Subject: [PATCH 2/3] feat: Add button to sign and change sidebar position in
 mobile

Signed-off-by: antonio-i-sampaio <igorsantateresa@gmail.com>
---
 src/Components/RightSidebar/RightSidebar.vue |  4 +++
 src/store/sidebar.js                         |  3 +++
 src/views/SignPDF/SignPDF.vue                | 28 ++++++++++++++++++--
 3 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/src/Components/RightSidebar/RightSidebar.vue b/src/Components/RightSidebar/RightSidebar.vue
index 4f6001c3d1..949729a78c 100644
--- a/src/Components/RightSidebar/RightSidebar.vue
+++ b/src/Components/RightSidebar/RightSidebar.vue
@@ -88,10 +88,14 @@ export default {
 	.app-sidebar {
 		height: unset;
 		top: unset;
+		right: unset;
+		left: unset;
 		bottom: 0;
 		::v-deep .app-sidebar-tabs__content{
 			min-height: unset;
 		}
+		transform: translateY(-1%) !important;
+		transition: transform 0.5s ease-in !important;
 	}
 }
 </style>
diff --git a/src/store/sidebar.js b/src/store/sidebar.js
index 3fc01a3767..d717b30712 100644
--- a/src/store/sidebar.js
+++ b/src/store/sidebar.js
@@ -41,5 +41,8 @@ export const useSidebarStore = defineStore('sidebar', {
 		hideSidebar() {
 			set(this, 'show', false)
 		},
+		toggleSidebar() {
+			set(this, 'show', !this.show)
+		},
 	},
 })
diff --git a/src/views/SignPDF/SignPDF.vue b/src/views/SignPDF/SignPDF.vue
index 0aec755232..d34fbd0fc5 100644
--- a/src/views/SignPDF/SignPDF.vue
+++ b/src/views/SignPDF/SignPDF.vue
@@ -4,7 +4,9 @@
 -->
 <template>
 	<div class="main-view">
-		<TopBar :sidebar-toggle="true" />
+		<TopBar
+			v-if="!isMobile" 
+			:sidebar-toggle="true" />
 		<PdfEditor v-if="mounted && !signStore.errors.length && pdfBlob"
 			ref="pdfEditor"
 			width="100%"
@@ -12,6 +14,15 @@
 			:file="pdfBlob"
 			:read-only="true"
 			@pdf-editor:end-init="updateSigners" />
+		<div class="button-wrapper">
+			<NcButton
+			v-if="isMobile"
+			:wide="true"
+			variant="primary"
+			@click.prevent="toggleSidebar">	
+			Assinar
+			</NcButton>
+		</div>
 		<NcNoteCard v-for="(error, index) in signStore.errors"
 			:key="index"
 			:heading="error.title || ''"
@@ -23,6 +34,7 @@
 
 <script>
 import NcNoteCard from '@nextcloud/vue/components/NcNoteCard'
+import NcButton from '@nextcloud/vue/components/NcButton'
 
 import PdfEditor from '../../Components/PdfEditor/PdfEditor.vue'
 import TopBar from '../../Components/TopBar/TopBar.vue'
@@ -36,6 +48,7 @@ export default {
 	name: 'SignPDF',
 	components: {
 		NcNoteCard,
+		NcButton,
 		TopBar,
 		PdfEditor,
 	},
@@ -44,7 +57,8 @@ export default {
 		const fileStore = useFilesStore()
 		const sidebarStore = useSidebarStore()
 		const signMethodsStore = useSignMethodsStore()
-		return { signStore, fileStore, sidebarStore, signMethodsStore }
+		const isMobile = window.innerWidth <= 512
+		return { signStore, fileStore, sidebarStore, signMethodsStore, isMobile }
 	},
 	data() {
 		return {
@@ -58,6 +72,10 @@ export default {
 		} else if (this.$route.name === 'SignPDF') {
 			await this.initSignInternal()
 		}
+
+		if (this.isMobile){
+			this.toggleSidebar();
+		}
 	},
 	methods: {
 		async initSignExternal() {
@@ -115,6 +133,9 @@ export default {
 			})
 			this.signStore.mounted = true
 		},
+		toggleSidebar() {
+			this.sidebarStore.toggleSidebar()
+		}
 	},
 }
 </script>
@@ -138,4 +159,7 @@ export default {
 		margin: 0 auto;
 	}
 }
+.button-wrapper {
+	padding: 5px 16px;
+}
 </style>

From 24bfe0e20647a944aaccb3734bb9986973bd1f62 Mon Sep 17 00:00:00 2001
From: Vitor Mattos <vitor@php.rio>
Date: Sat, 25 Oct 2025 10:30:45 -0300
Subject: [PATCH 3/3] chore: Update src/views/SignPDF/SignPDF.vue

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
---
 src/views/SignPDF/SignPDF.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/SignPDF/SignPDF.vue b/src/views/SignPDF/SignPDF.vue
index d34fbd0fc5..c6977c1432 100644
--- a/src/views/SignPDF/SignPDF.vue
+++ b/src/views/SignPDF/SignPDF.vue
@@ -20,7 +20,7 @@
 			:wide="true"
 			variant="primary"
 			@click.prevent="toggleSidebar">	
-			Assinar
+			{{ t('libresign', 'Sign') }}
 			</NcButton>
 		</div>
 		<NcNoteCard v-for="(error, index) in signStore.errors"