[FIX] custom currency: panel on very long currency code

The custom currency panel was not displaying correctly when the currency code was very long. This commit fixes the CSS. closes #5344 Task: 4402647 Signed-off-by: Pierre Rousseau (pro) <[email protected]>
odoo · Dec 20, 2024 · a594943 · a594943
1 parent 7cf34a6
commit a594943
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/components/side_panel/custom_currency/custom_currency.ts b/src/components/side_panel/custom_currency/custom_currency.ts
@@ -26,6 +26,10 @@ css/* scss */ `
       border: 1px solid #d8dadd;
       color: #374151;
     }
+
+    table {
+      table-layout: fixed;
+    }
   }
 `;
 

diff --git a/src/components/side_panel/custom_currency/custom_currency.xml b/src/components/side_panel/custom_currency/custom_currency.xml
@@ -59,11 +59,11 @@
           onChange.bind="toggleAccountingFormat"
         />
         <div class="o-format-examples mt-4" t-if="selectedFormat">
-          <table>
+          <table class="w-100">
             <t t-foreach="getFormatExamples()" t-as="example" t-key="example_index">
               <tr>
-                <td class="pe-3 o-fw-bold" t-esc="example.label"/>
-                <td t-esc="example.value"/>
+                <td class="w-25 pe-3 o-fw-bold" t-esc="example.label"/>
+                <td class="w-75 text-truncate" t-esc="example.value"/>
               </tr>
             </t>
           </table>
-Original file line number
+Diff line change
@@ Expand Up / @@ -26,6 +26,10 @@ css/* scss */ ` @@
           border: 1px solid #d8dadd;
           color: #374151;
         }
+        table {
+          table-layout: fixed;
+        }
       }
     `;
@@ Expand Down @@