Skip to content

Commit fdc0524

Browse files
raktima-opensignlabsraktima-opensignlabs
committed
fix: ui design in mobile view
1 parent 096d596 commit fdc0524

File tree

5 files changed

+49
-33
lines changed

5 files changed

+49
-33
lines changed

‎apps/OpenSign/public/locales/en/translation.json‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -572,9 +572,10 @@
572572
"pdf-request-file-5": "You can click 'Auto Sign All' to automatically sign at all the locations meant to be signed by you. Make sure that you review the document properly before you click this button .",
573573
"placeholder-sign-1": "Select a recipient from this list to add a place-holder where he is supposed to sign.The placeholder will appear in the same colour as the recipient name once you drop it on the document.",
574574
"placeholder-sign-2": "Clicking 'Add recipients' button will allow you to add more signers.",
575-
"placeholder-sign-3": "Drag or click on a field to add it to the document.",
576-
"placeholder-sign-4": "The PDF content area already displays the template's existing placeholders. For your convenience, these placeholders will match the color of the recipient's name, making them easily identifiable.",
577-
"placeholder-sign-5": "Clicking 'Send' will save the document. In the next step you can customize the emails to be sent out to the recipients or copy the signing links and share those with the recipients yourself.",
575+
"placeholder-sign-3": "Click this button to add more recipients/signers to the document.",
576+
"placeholder-sign-4": "Drag or click on a field to add it to the document.",
577+
"placeholder-sign-5": "The PDF content area already displays the template's existing placeholders. For your convenience, these placeholders will match the color of the recipient's name, making them easily identifiable.",
578+
"placeholder-sign-6": "Clicking 'Send' will save the document. In the next step you can customize the emails to be sent out to the recipients or copy the signing links and share those with the recipients yourself.",
578579
"report-1": "Click the 'Add' button to create a new template. Templates are reusable documents designed to quickly generate new documents with the same structure and varying signers. For example, an HR template for onboarding could have predefined roles like ‘HR Manager’ and ‘New Employee’. Each time you use the template, you can assign the ‘New Employee’ role to different incoming staff members, while the ‘HR Manager’ role remains constant, facilitating a seamless onboarding process for each recruit. ",
579580
"redirect": "Click the 'Use' button to create a new document from an existing template.",
580581
"bulksend": "To quickly create and send multiple documents using an existing template, click the 'Quick Send' button.",

‎apps/OpenSign/public/locales/fr/translation.json‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -571,9 +571,10 @@
571571
"pdf-request-file-5": "Vous pouvez cliquer sur 'Signer automatiquement tout' pour signer automatiquement à tous les emplacements que vous êtes censé signer. Assurez-vous de lire correctement le document avant de cliquer sur ce bouton.",
572572
"placeholder-sign-1": "Sélectionnez un destinataire dans cette liste pour ajouter un espace réservé à l'endroit où il est censé signer. L'espace réservé apparaîtra de la même couleur que le nom du destinataire une fois que vous le déposerez sur le document.",
573573
"placeholder-sign-2": "Cliquer sur le bouton 'Ajouter des destinataires' vous permettra d'ajouter plus de signataires.",
574-
"placeholder-sign-3": "Faites glisser ou cliquez sur un champ pour l'ajouter au document.",
575-
"placeholder-sign-4": "La zone de contenu PDF affiche déjà les espaces réservés existants du modèle. Pour votre commodité, ces espaces réservés correspondront à la couleur du nom du destinataire, ce qui les rendra facilement identifiables.",
576-
"placeholder-sign-5": "Cliquer sur 'Envoyer' enregistrera le document. À l'étape suivante, vous pourrez personnaliser les e-mails à envoyer aux destinataires ou copier les liens de signature et les partager vous-même avec les destinataires.",
574+
"placeholder-sign-3": "Cliquez sur ce bouton pour ajouter plus de destinataires/signataires au document",
575+
"placeholder-sign-4": "Faites glisser ou cliquez sur un champ pour l'ajouter au document.",
576+
"placeholder-sign-5": "La zone de contenu PDF affiche déjà les espaces réservés existants du modèle. Pour votre commodité, ces espaces réservés correspondront à la couleur du nom du destinataire, ce qui les rendra facilement identifiables.",
577+
"placeholder-sign-6": "Cliquer sur 'Envoyer' enregistrera le document. À l'étape suivante, vous pourrez personnaliser les e-mails à envoyer aux destinataires ou copier les liens de signature et les partager vous-même avec les destinataires.",
577578
"report-1": "Cliquez sur le bouton 'Ajouter' pour créer un nouveau modèle. Les modèles sont des documents réutilisables conçus pour générer rapidement de nouveaux documents avec la même structure et différents signataires. Par exemple, un modèle RH pour l'intégration peut avoir des rôles prédéfinis tels que 'Responsable RH' et ' Nouvel employé'. Chaque fois que vous utilisez le modèle, vous pouvez attribuer le rôle 'Nouvel employé' à différents membres du personnel entrants, tandis que le rôle 'Responsable RH' reste constant, facilitant ainsi un processus d'intégration fluide pour chaque recrue",
578579
"redirect": "Cliquez sur le bouton 'Utiliser' pour créer un nouveau document à partir d'un modèle existant.",
579580
"bulksend": "Pour créer et envoyer rapidement plusieurs documents à l'aide d'un modèle existant, cliquez sur le bouton 'Envoi rapide'.",

‎apps/OpenSign/src/components/pdf/PdfHeader.js‎

Lines changed: 36 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -209,7 +209,7 @@ function Header({
209209
sideOffset={5}
210210
>
211211
<DropdownMenu.Item
212-
className="flex flex-row justify-center items-center text-[13px] focus:outline-none cursor-pointer"
212+
className="DropdownMenuItem"
213213
onClick={() =>
214214
handleDownloadPdf(
215215
pdfDetails,
@@ -218,48 +218,62 @@ function Header({
218218
)
219219
}
220220
>
221-
<i
222-
className="fa-light fa-arrow-down mr-[3px]"
223-
aria-hidden="true"
224-
></i>
225-
<span className="font-[500]">{t("download")}</span>
221+
<div className="flex flex-row">
222+
<i
223+
className="fa-light fa-arrow-down mr-[3px]"
224+
aria-hidden="true"
225+
></i>
226+
<span className="font-[500]">
227+
{t("download")}
228+
</span>
229+
</div>
226230
</DropdownMenu.Item>
227231
{!isDisableRotate && (
228232
<>
229233
<DropdownMenu.Item
230-
className="flex flex-row justify-center items-center text-[13px] focus:outline-none cursor-pointer"
234+
className="DropdownMenuItem"
231235
onClick={() => handleRotationFun(90)}
232236
>
233-
<i className="fa-light fa-rotate-right text-gray-500 2xl:text-[30px] mr-[3px]"></i>
234-
<span className="font-[500]">
235-
{t("rotate-right")}
236-
</span>
237+
<div className="flex flex-row">
238+
<i className="fa-light fa-rotate-right text-gray-500 2xl:text-[30px] mr-[3px]"></i>
239+
<span className="font-[500]">
240+
{t("rotate-right")}
241+
</span>
242+
</div>
237243
</DropdownMenu.Item>
238244
<DropdownMenu.Item
239-
className="flex flex-row justify-center items-center text-[13px] focus:outline-none cursor-pointer"
245+
className="DropdownMenuItem"
240246
onClick={() => handleRotationFun(-90)}
241247
>
242-
<i className="fa-light fa-rotate-left text-gray-500 2xl:text-[30px] mr-[3px]"></i>
243-
<span className="font-[500]">
244-
{t("rotate-left")}
245-
</span>
248+
<div className="flex flex-row">
249+
<i className="fa-light fa-rotate-left text-gray-500 2xl:text-[30px] mr-[3px]"></i>
250+
<span className="font-[500]">
251+
{t("rotate-left")}
252+
</span>
253+
</div>
246254
</DropdownMenu.Item>
247255
</>
248256
)}
249257

250258
<DropdownMenu.Item
251-
className="flex flex-row justify-center items-center text-[13px] focus:outline-none cursor-pointer"
259+
className="DropdownMenuItem"
252260
onClick={() => clickOnZoomIn()}
253261
>
254-
<i className="fa-light fa-magnifying-glass-plus text-gray-500 2xl:text-[30px]"></i>
255-
<span className="font-[500]">{t("zoom-in")}</span>
262+
<div className="flex flex-row">
263+
<i className="fa-light fa-magnifying-glass-plus text-gray-500 2xl:text-[30px] mr-[3px]"></i>
264+
<span className="font-[500]">{t("zoom-in")}</span>
265+
</div>
256266
</DropdownMenu.Item>
257267
<DropdownMenu.Item
258-
className="flex flex-row justify-center items-center text-[13px] focus:outline-none cursor-pointer"
268+
className="DropdownMenuItem"
259269
onClick={() => clickOnZoomOut()}
260270
>
261-
<i className="fa-light fa-magnifying-glass-minus text-gray-500 2xl:text-[30px]"></i>
262-
<span className="font-[500]">{t("zoom-out")}</span>
271+
<div className="flex flex-row">
272+
<i className="fa-light fa-magnifying-glass-minus text-gray-500 2xl:text-[30px] mr-[3px]"></i>
273+
<span className="font-[500]">
274+
{t("zoom-out")}
275+
</span>
276+
</div>
263277
</DropdownMenu.Item>
264278
</DropdownMenu.Content>
265279
</DropdownMenu.Portal>

‎apps/OpenSign/src/pages/PdfRequestFiles.js‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1670,7 +1670,8 @@ function PdfRequestFiles(props) {
16701670
: "auto"
16711671
}}
16721672
className={`${
1673-
props.templateId && "m-1 border-[0.5px] border-gray-300"
1673+
props.templateId ||
1674+
(isGuestSignFlow && "mx-2 border-[0.5px] border-gray-300")
16741675
} relative op-card overflow-hidden flex flex-col md:flex-row justify-between bg-base-300`}
16751676
>
16761677
{!requestSignTour &&

‎apps/OpenSign/src/pages/PlaceHolderSign.js‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1250,7 +1250,7 @@ function PlaceHolderSign() {
12501250
selector: '[data-tut="addWidgets"]',
12511251
content: () => (
12521252
<TourContentWithBtn
1253-
message={t("tour-mssg.placeholder-sign-3")}
1253+
message={t("tour-mssg.placeholder-sign-4")}
12541254
isChecked={handleDontShow}
12551255
/>
12561256
),
@@ -1261,19 +1261,18 @@ function PlaceHolderSign() {
12611261
selector: '[data-tut="pdfArea"]',
12621262
content: () => (
12631263
<TourContentWithBtn
1264-
message={t("tour-mssg.placeholder-sign-4")}
1264+
message={t("tour-mssg.placeholder-sign-5")}
12651265
isChecked={handleDontShow}
12661266
/>
12671267
),
12681268
position: "top",
12691269
style: { fontSize: "13px" }
12701270
},
1271-
12721271
{
12731272
selector: '[data-tut="headerArea"]',
12741273
content: () => (
12751274
<TourContentWithBtn
1276-
message={t("tour-mssg.placeholder-sign-5")}
1275+
message={t("tour-mssg.placeholder-sign-6")}
12771276
isChecked={handleDontShow}
12781277
/>
12791278
),

0 commit comments

Comments
 (0)