fix: improve field sizing (#1486)

## Description

Allows for smaller field sizing in addition to improving our styling
when displaying labels on smaller fields.

This is the minimum currently supported field size until we perform a
more extensive refactor of our current drag and drop system.

## Related Issue

Reported via support channels

## Changes Made

- Updated our minimum size constraints
- Attempted to add a general autosizing component for text and failed
- Updated styling in a bunch of places to use the css `clamp()` method
for dynamic sizing.
This commit is contained in:
Lucas Smith
2024-11-20 22:49:30 +11:00
committed by GitHub
parent 9ef8b1f0c3
commit 83e7a3c222
26 changed files with 448 additions and 262 deletions

View File

@ -62,7 +62,7 @@ msgstr "({0}) vous a invité à signer ce document"
msgid "({0}) has invited you to view this document"
msgstr "({0}) vous a invité à consulter ce document"
#: apps/web/src/app/(signing)/sign/[token]/text-field.tsx:311
#: apps/web/src/app/(signing)/sign/[token]/text-field.tsx:313
msgid "{0, plural, one {(1 character over)} other {(# characters over)}}"
msgstr "{0, plural, one {(1 caractère de trop)} other {(# caractères de trop)}}"
@ -124,7 +124,7 @@ msgstr "{0} Destinataire(s)"
#~ msgid "{0} the document to complete the process."
#~ msgstr "{0} the document to complete the process."
#: apps/web/src/app/(signing)/sign/[token]/text-field.tsx:292
#: apps/web/src/app/(signing)/sign/[token]/text-field.tsx:294
msgid "{charactersRemaining, plural, one {1 character remaining} other {{charactersRemaining} characters remaining}}"
msgstr "{charactersRemaining, plural, one {1 caractère restant} other {{charactersRemaining} caractères restants}}"
@ -830,11 +830,11 @@ msgstr "En utilisant la fonctionnalité de signature électronique, vous consent
#: apps/web/src/app/(signing)/sign/[token]/form.tsx:151
#: apps/web/src/app/(signing)/sign/[token]/form.tsx:220
#: apps/web/src/app/(signing)/sign/[token]/name-field.tsx:215
#: apps/web/src/app/(signing)/sign/[token]/number-field.tsx:327
#: apps/web/src/app/(signing)/sign/[token]/number-field.tsx:328
#: apps/web/src/app/(signing)/sign/[token]/reject-document-dialog.tsx:153
#: apps/web/src/app/(signing)/sign/[token]/sign-dialog.tsx:113
#: apps/web/src/app/(signing)/sign/[token]/signature-field.tsx:248
#: apps/web/src/app/(signing)/sign/[token]/text-field.tsx:333
#: apps/web/src/app/(signing)/sign/[token]/text-field.tsx:335
#: apps/web/src/app/(teams)/t/[teamUrl]/settings/team-transfer-status.tsx:121
#: apps/web/src/components/(dashboard)/settings/token/delete-token-dialog.tsx:176
#: apps/web/src/components/(dashboard)/settings/webhooks/create-webhook-dialog.tsx:242
@ -1793,7 +1793,7 @@ msgstr "Entrez votre adresse e-mail pour recevoir le document complété."
msgid "Enter your name"
msgstr "Entrez votre nom"
#: apps/web/src/app/(signing)/sign/[token]/text-field.tsx:278
#: apps/web/src/app/(signing)/sign/[token]/text-field.tsx:280
msgid "Enter your text here"
msgstr "Entrez votre texte ici"
@ -2481,7 +2481,7 @@ msgstr "Non pris en charge"
msgid "Nothing to do"
msgstr "Rien à faire"
#: apps/web/src/app/(signing)/sign/[token]/number-field.tsx:270
#: apps/web/src/app/(signing)/sign/[token]/number-field.tsx:271
msgid "Number"
msgstr "Numéro"
@ -3044,8 +3044,8 @@ msgid "Roles"
msgstr "Rôles"
#: apps/web/src/app/(dashboard)/templates/template-direct-link-dialog.tsx:446
#: apps/web/src/app/(signing)/sign/[token]/number-field.tsx:336
#: apps/web/src/app/(signing)/sign/[token]/text-field.tsx:342
#: apps/web/src/app/(signing)/sign/[token]/number-field.tsx:337
#: apps/web/src/app/(signing)/sign/[token]/text-field.tsx:344
#: apps/web/src/app/(teams)/t/[teamUrl]/settings/preferences/branding-preferences.tsx:312
#: apps/web/src/app/(teams)/t/[teamUrl]/settings/preferences/document-preferences.tsx:232
msgid "Save"
@ -3665,8 +3665,8 @@ msgstr "Modèles"
msgid "Templates allow you to quickly generate documents with pre-filled recipients and fields."
msgstr "Les modèles vous permettent de générer rapidement des documents avec des destinataires et des champs pré-remplis."
#: apps/web/src/app/(signing)/sign/[token]/text-field.tsx:256
#: apps/web/src/app/(signing)/sign/[token]/text-field.tsx:272
#: apps/web/src/app/(signing)/sign/[token]/text-field.tsx:257
#: apps/web/src/app/(signing)/sign/[token]/text-field.tsx:274
msgid "Text"
msgstr "Texte"