From e05dbe37e5d7542df4c1f64cd7c8704a0274cc86 Mon Sep 17 00:00:00 2001
From: "Mahdi Cheikh Rouhou (macr)" <macr@odoo.com>
Date: Tue, 19 Dec 2023 10:37:30 +0000
Subject: [PATCH] [FIX] web: show the name fully in signature sign item

Issue:
======
The auto signature has hidden overflow part in y axis when having long
characters in bottom like (y, j, g)

Steps to reproduce the issue:
=============================
- Use any sign template that have at least one name_and_signature sign
  item.
- Enter a name that have at least one of the characters (y,j,g)
- Click on auto
- The signature doesn't show fully

Solution:
=========
Update the hardcoded values for the y-axis for the name and the line of
signature and the font size to make sure it fits perfectly inside the
canvas.

opw-3639171

closes odoo/odoo#148299

X-original-commit: c9653d5649a35640cc461c9baa0b73e8c6c1cace
Signed-off-by: Aaron Bohy (aab) <aab@odoo.com>
---
 addons/web/static/src/core/signature/name_and_signature.scss | 2 +-
 addons/web/static/src/core/signature/name_and_signature.xml  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/addons/web/static/src/core/signature/name_and_signature.scss b/addons/web/static/src/core/signature/name_and_signature.scss
index 45fc779fdc3..62d8d5e262b 100644
--- a/addons/web/static/src/core/signature/name_and_signature.scss
+++ b/addons/web/static/src/core/signature/name_and_signature.scss
@@ -6,7 +6,7 @@
 .o_signature_stroke {
     position: absolute;
     border-top: #D1D0CE solid 2px;
-    bottom: 16%;
+    bottom: 33%;
     width: 72%;
     left: 14%;
 }
diff --git a/addons/web/static/src/core/signature/name_and_signature.xml b/addons/web/static/src/core/signature/name_and_signature.xml
index fdd87eafbb3..21a5bb21a73 100644
--- a/addons/web/static/src/core/signature/name_and_signature.xml
+++ b/addons/web/static/src/core/signature/name_and_signature.xml
@@ -29,7 +29,7 @@
                 </style>
             </defs>
             <!-- adapt textLength to prevent distortion and left overflow with small words -->
-            <text t-esc="text" x="50%" t-att-y="height * 4 / 5" t-att-font-size="height * 4 / 5"
+            <text t-esc="text" x="50%" t-att-y="height * 3 / 5" t-att-font-size="height * 3 / 5"
                 t-att-textLength="width * 4 / 5 * (type === 'signature' ? Math.min(1, text.length / 7) : 1)"
                 t-att-lengthAdjust="'spacing' + (type === 'signature' ? 'AndGlyphs' : '')"
                 t-attf-style="font-family:'font'; stroke: none; fill: {{color}};"  text-anchor="middle"/>