[IMP] l10n_ch: position isr report elements

3 files changed, 170 insertions, 0 deletions

diff --git a/addons/l10n_ch/static/src/img/background_virgin_isr.png b/addons/l10n_ch/static/src/img/background_virgin_isr.png
new file mode 100644
index 00000000000..f1a54d0b34b
--- /dev/null
+++ b/addons/l10n_ch/static/src/img/background_virgin_isr.png
diff --git a/addons/l10n_ch/static/src/img/background_virgin_isr_bank.png b/addons/l10n_ch/static/src/img/background_virgin_isr_bank.png
new file mode 100644
index 00000000000..1d03b17ca8c
--- /dev/null
+++ b/addons/l10n_ch/static/src/img/background_virgin_isr_bank.png
diff --git a/addons/l10n_ch/static/src/less/report_isr.less b/addons/l10n_ch/static/src/less/report_isr.less
new file mode 100644
index 00000000000..5c7916928ff
--- /dev/null
+++ b/addons/l10n_ch/static/src/less/report_isr.less
@@ -0,0 +1,170 @@
+body.o_in_iframe {
+    #l10n_ch_isr {
+        background: url(/l10n_ch/static/src/img/background_virgin_isr.png) bottom no-repeat;
+        background-size: 100%;
+
+        &.isr-print-bank {
+            background-image: url(/l10n_ch/static/src/img/background_virgin_isr_bank.png);
+        }
+    }
+}
+
+#l10n_ch_isr {
+    height: 106mm;
+    width: 210mm;
+
+    position: absolute;
+    /* position bvr at bottom of page */
+    top: 297 - 106mm;
+    left: 0;
+
+    overflow: hidden;
+    font-family: "Work Sans", Verdana, Geneva, sans-serif;
+    font-size: 13px;
+
+    p, address {
+        line-height: 15px;
+    }
+
+    #voucher {
+        height: 4in;
+        width: 2 + 4/10in;
+
+        position: absolute;
+        /* header title of BVR section */
+        top: 1/6in;
+        /* right of voucher corresponds to left of slip */
+        right: 5 + 9/10in;
+    }
+
+    #voucher > * {
+        position: absolute;
+        /* default left margin for fields content */
+        left: 1/10in;
+
+        &#voucher-for-contact {
+            top: 3/10in;
+        }
+
+        &#voucher-for-bank {
+            top: 3/20in;
+        }
+
+        &#voucher-for-bank + #voucher-for-contact {
+            top: 4/6in;
+        }
+
+        &#voucher-bank {
+            top: 9/6in;
+            left: 11/10in;
+        }
+
+        &#voucher-currency {
+            top: 9/6 + 3/20in;
+
+            font-size: 12px;
+            font-weight: 600;
+        }
+
+        &#voucher-amount_units {
+            width: 15/10in;
+            top: 11/6in;
+
+            text-align: right;
+            line-height: 1/6in;
+            font-weight: 14px;
+        }
+
+        &#voucher-amount_cents {
+            width: 4/10in;
+            top: 11/6in;
+            left: 19/10in;
+
+            line-height: 1/6in;
+            font-weight: 14px;
+        }
+
+        &#voucher-by {
+            top: 26/12in;
+        }
+    }
+
+    #slip {
+        height: 4in;
+        width: 5 + 9/10in;
+
+        position: absolute;
+        /* header title of BVR section */
+        top: 1/6in;
+        /* right of slip corresponds to right of slip */
+        right: 0;
+    }
+
+    #slip > * {
+        position: absolute;
+        /* default left margin for fields content */
+        left: 1/10in;
+
+        &#slip-for-contact {
+            top: 3/10in;
+        }
+
+        &#slip-for-bank {
+            top: 3/20in;
+        }
+
+        &#slip-for-bank + #slip-for-contact {
+            top: 4/6in;
+        }
+
+        &#slip-bank {
+            top: 9/6in;
+            left: 11/10in;
+        }
+
+        &#slip-currency {
+            top: 9/6 + 3/20in;
+
+            font-size: 12px;
+            font-weight: 600;
+        }
+
+        &#slip-amount_units {
+            width: 15/10in;
+            top: 11/6in;
+
+            text-align: right;
+            line-height: 1/6in;
+            font-weight: 14px;
+        }
+
+        &#slip-amount_cents {
+            width: 4/10in;
+            top: 11/6in;
+            left: 19/10in;
+
+            line-height: 1/6in;
+            font-weight: 14px;
+        }
+
+        &#slip-reference {
+            width: 3 + 3/10in;
+            top: 7/6in;
+            left: 2 + 5/10in;
+            text-align: center;
+        }
+
+        &#slip-by {
+            top: 11/6in;
+            left: 2 + 5/10in;
+        }
+
+        &#slip-optical {
+            right: 3/10in;
+            bottom: 4/6in;
+
+            text-align: right;
+            font-height: 1/6in;
+        }
+    }
+}