[IMP] snailmail: Modify the CSS to be compatible with all layouts and Pingen v2

Necessary improvement to the snailmail invoice layout for snailmail to work since Pingen has deprecated their v1 API with the plan to shut it down at the end of 2022 + their v2 API's validation is stricter.

closes odoo/odoo#103379

Signed-off-by: Florian Daloze (fda) <fda@odoo.com>

addons/snailmail/static/src/js/snailmail_external_layout.js

@@ -4,5 +4,5 @@ document.addEventListener('DOMContentLoaded', function (evt) {
     var style = window.getComputedStyle(recipientAddress, null); 
     var height = parseFloat(style.getPropertyValue('height'));
     var fontSize = parseFloat(style.getPropertyValue('font-size'));
-    recipientAddress.style.fontSize = (85 / (height / fontSize)) + 'px';   
-});
\ No newline at end of file
+    recipientAddress.style.fontSize = (130 / (height / fontSize)) + 'px';
+});

addons/snailmail/static/src/scss/snailmail_external_layout_asset.scss

-/* Generic report layouts*/
-.header {
-    max-height: 40mm;
-    overflow: hidden;
-}
-.container {
-    margin-top: 5mm;
-}
-.o_standard_footer, .o_clean_footer, .o_boxed_footer, .o_background_footer {
-    max-height: 90px !important;
-    overflow: hidden;
-    width: 95%;
-    div > div:first-child {
-        padding-left: 10mm;
+/* Modifications for the Light and Boxed document layouts */
+.article.o_report_layout_standard.o_company_1_layout, .article.o_report_layout_boxed.o_company_1_layout {
+    > .pt-5 {
+        > .address.row {
+            width: 100% !important;
+            height: 62mm !important;
+            line-height: 1.1em;
+            margin-top: -13mm;
+            > div[name="address"] {
+                padding-top: 5mm;
+            }
+        }
     }
 }
-.o_background_footer {
-    padding-left: 8mm;
-}
-.article>.page {
-    > h1, > h2, > h3 {
-        width: 50%;
+
+/* Modifications for Clean document layouts */
+.article.o_report_layout_clean.o_company_1_layout {
+    > .address.row {
+        width: 100% !important;
+        height: 62mm !important;
+        line-height: 1.1em;
+        > div[name="address"] {
+            padding-top: 15mm !important;
+        }
     }
 }
-.pt-5 {
-    padding-top: 48px !important;
-}
-.article > .address.row > div[name="address"] {
-    height: 65mm;
-    background-color: #ffffff;
-    padding-top: 11mm;
-    padding-left: 5mm;
-    padding-bottom: 5mm;
-    left: -20px !important;
-    address {
-        height: 28mm;
+/* Modification for background document layouts */
+.o_company_1_layout.article.o_report_layout_background {
+    > .address.row {
+        background-color: #ffffff !important;
+        width: 103% !important;
+        height: 62mm !important;
+        line-height: 1.1em;
+        > div[name="address"] {
+            padding-top: 8mm !important;
+        }
     }
 }
 
-/*l10n_de_din layout*/
-.din {
-    .invoice_address {
-        top: 27.7mm !important;
-    }
-    &.article {
-        .page {
-            top: 18.46mm !important;
-        }
-    }
-    &.o_background_footer {
-        top: -8mm !important;
+div .address.row > div[name="address"] {
+    position: relative !important;
+    width: 103mm !important;
+    background-color: #ffffff;
+    > address {
+		width: 100% !important;
+		position: absolute !important;
+		bottom: 0 !important;
+		padding-left: 3mm;
+		padding-top: 3mm;
+        height: 33mm;
+		max-height: 33mm;
     }
 }