changed styles for scissors in HTML output

sprain · Nov 12, 2024 · 164971c · 164971c
1 parent bc66bbc
commit 164971c
Show file tree

Hide file tree

Showing 132 changed files with 1,425 additions and 713 deletions.
diff --git a/src/PaymentPart/Output/HtmlOutput/Template/PaymentPartTemplate.php b/src/PaymentPart/Output/HtmlOutput/Template/PaymentPartTemplate.php
@@ -49,14 +49,14 @@ class PaymentPartTemplate
 
 #qr-bill-payment-part h2 {
     font-size: 8pt !important;
-    line-height: 11pt !important;    
+    line-height: 11pt !important;
     margin-top: 11pt !important;
     color: #000 !important;
 }
 
 #qr-bill-receipt h2 {
     font-size: 6pt !important;
-    line-height: 8pt !important;    
+    line-height: 8pt !important;
     margin-top: 8pt !important;
     color: #000 !important;
 }
@@ -179,6 +179,10 @@ class PaymentPartTemplate
     margin-top: -11pt;
 }
 
+#qr-bill-scissors {
+    float: right;
+}
+
 {{ printable-content }}
 </style>
 
@@ -188,7 +192,7 @@ class PaymentPartTemplate
     </tr>
     <tr>
         <td id="qr-bill-receipt">
-            <h1>{{ text.receipt }}</h1>
+            <h1>{{ text.receipt }}<span id="qr-bill-scissors"></span></h1>
             <div id="qr-bill-information-receipt">
                 {{ information-content-receipt }}
             </div>

diff --git a/src/PaymentPart/Output/HtmlOutput/Template/PrintableStylesTemplate.php b/src/PaymentPart/Output/HtmlOutput/Template/PrintableStylesTemplate.php
@@ -13,6 +13,10 @@ class PrintableStylesTemplate
     display: none;
 }
 
+#qr-bill-scissors {
+    display: none;
+}
+
 #qr-bill-receipt {
     border-right: 0;
 }
@@ -35,26 +39,28 @@ class PrintableStylesTemplate
     left: -23mm;
 }
 
-#qr-bill-receipt:after {
+#qr-bill-scissors:after {
     transform: rotate(90deg);
     display: inline-block;
     content: '\\2702';
-    position: fixed;
+    position: relative;
+    font-weight: normal;
     font-size: 16pt;
-    top: 12.5mm;
-    left: 61.1mm;
+    top: 0;
+    left: 2.5mm;
 }
 EOT;
 
     public const TEMPLATE_VERTICAL_SCISSORS_DOWN = <<<EOT
-#qr-bill-receipt:after {
+#qr-bill-scissors:after {
     transform: rotate(-90deg);
     display: inline-block;
     content: '\\2702';
-    position: fixed;
+    position: relative;
+    font-weight: normal;
     font-size: 16pt;
-    top: 91.8mm;
-    left: 61.7mm;
+    top: 78mm;
+    left: 3.3mm;
 }
 EOT;
 

diff --git a/tests/TestData/HtmlOutput/qr-additional-information-compact.svg.html b/tests/TestData/HtmlOutput/qr-additional-information-compact.svg.html
@@ -42,14 +42,14 @@
 
 #qr-bill-payment-part h2 {
     font-size: 8pt !important;
-    line-height: 11pt !important;    
+    line-height: 11pt !important;
     margin-top: 11pt !important;
     color: #000 !important;
 }
 
 #qr-bill-receipt h2 {
     font-size: 6pt !important;
-    line-height: 8pt !important;    
+    line-height: 8pt !important;
     margin-top: 8pt !important;
     color: #000 !important;
 }
@@ -172,6 +172,10 @@
     margin-top: -11pt;
 }
 
+#qr-bill-scissors {
+    float: right;
+}
+
 
 </style>
 
@@ -181,7 +185,7 @@
     </tr>
     <tr>
         <td id="qr-bill-receipt">
-            <h1>Receipt</h1>
+            <h1>Receipt<span id="qr-bill-scissors"></span></h1>
             <div id="qr-bill-information-receipt">
                 <h2>Account / Payable to</h2><p>CH44 3199 9123 0008 8901 2<br />
 Thomas LeClaire<br />

diff --git a/tests/TestData/HtmlOutput/qr-additional-information-compact.svg.print.html b/tests/TestData/HtmlOutput/qr-additional-information-compact.svg.print.html
@@ -42,14 +42,14 @@
 
 #qr-bill-payment-part h2 {
     font-size: 8pt !important;
-    line-height: 11pt !important;    
+    line-height: 11pt !important;
     margin-top: 11pt !important;
     color: #000 !important;
 }
 
 #qr-bill-receipt h2 {
     font-size: 6pt !important;
-    line-height: 8pt !important;    
+    line-height: 8pt !important;
     margin-top: 8pt !important;
     color: #000 !important;
 }
@@ -172,6 +172,10 @@
     margin-top: -11pt;
 }
 
+#qr-bill-scissors {
+    float: right;
+}
+
 #qr-bill-separate-info {
     border-bottom: 0;
 }
@@ -180,6 +184,10 @@
     display: none;
 }
 
+#qr-bill-scissors {
+    display: none;
+}
+
 #qr-bill-receipt {
     border-right: 0;
 }
@@ -191,7 +199,7 @@
     </tr>
     <tr>
         <td id="qr-bill-receipt">
-            <h1>Receipt</h1>
+            <h1>Receipt<span id="qr-bill-scissors"></span></h1>
             <div id="qr-bill-information-receipt">
                 <h2>Account / Payable to</h2><p>CH44 3199 9123 0008 8901 2<br />
 Thomas LeClaire<br />

diff --git a/tests/TestData/HtmlOutput/qr-additional-information-compact.svg.scissors.html b/tests/TestData/HtmlOutput/qr-additional-information-compact.svg.scissors.html
@@ -42,14 +42,14 @@
 
 #qr-bill-payment-part h2 {
     font-size: 8pt !important;
-    line-height: 11pt !important;    
+    line-height: 11pt !important;
     margin-top: 11pt !important;
     color: #000 !important;
 }
 
 #qr-bill-receipt h2 {
     font-size: 6pt !important;
-    line-height: 8pt !important;    
+    line-height: 8pt !important;
     margin-top: 8pt !important;
     color: #000 !important;
 }
@@ -172,6 +172,10 @@
     margin-top: -11pt;
 }
 
+#qr-bill-scissors {
+    float: right;
+}
+
 #qr-bill-separate-info {
     border-bottom-style: dashed;
 }
@@ -188,14 +192,15 @@
     left: -23mm;
 }
 
-#qr-bill-receipt:after {
+#qr-bill-scissors:after {
     transform: rotate(90deg);
     display: inline-block;
     content: '\2702';
-    position: fixed;
+    position: relative;
+    font-weight: normal;
     font-size: 16pt;
-    top: 12.5mm;
-    left: 61.1mm;
+    top: 0;
+    left: 2.5mm;
 }
 
 #qr-bill-separate-info-text {
@@ -209,7 +214,7 @@
     </tr>
     <tr>
         <td id="qr-bill-receipt">
-            <h1>Receipt</h1>
+            <h1>Receipt<span id="qr-bill-scissors"></span></h1>
             <div id="qr-bill-information-receipt">
                 <h2>Account / Payable to</h2><p>CH44 3199 9123 0008 8901 2<br />
 Thomas LeClaire<br />

diff --git a/tests/TestData/HtmlOutput/qr-additional-information-compact.svg.scissorsdown.html b/tests/TestData/HtmlOutput/qr-additional-information-compact.svg.scissorsdown.html
@@ -42,14 +42,14 @@
 
 #qr-bill-payment-part h2 {
     font-size: 8pt !important;
-    line-height: 11pt !important;    
+    line-height: 11pt !important;
     margin-top: 11pt !important;
     color: #000 !important;
 }
 
 #qr-bill-receipt h2 {
     font-size: 6pt !important;
-    line-height: 8pt !important;    
+    line-height: 8pt !important;
     margin-top: 8pt !important;
     color: #000 !important;
 }
@@ -172,6 +172,10 @@
     margin-top: -11pt;
 }
 
+#qr-bill-scissors {
+    float: right;
+}
+
 #qr-bill-separate-info {
     border-bottom-style: dashed;
 }
@@ -188,24 +192,26 @@
     left: -23mm;
 }
 
-#qr-bill-receipt:after {
+#qr-bill-scissors:after {
     transform: rotate(90deg);
     display: inline-block;
     content: '\2702';
-    position: fixed;
+    position: relative;
+    font-weight: normal;
     font-size: 16pt;
-    top: 12.5mm;
-    left: 61.1mm;
+    top: 0;
+    left: 2.5mm;
 }
 
-#qr-bill-receipt:after {
+#qr-bill-scissors:after {
     transform: rotate(-90deg);
     display: inline-block;
     content: '\2702';
-    position: fixed;
+    position: relative;
+    font-weight: normal;
     font-size: 16pt;
-    top: 91.8mm;
-    left: 61.7mm;
+    top: 78mm;
+    left: 3.3mm;
 }
 
 #qr-bill-separate-info-text {
@@ -219,7 +225,7 @@
     </tr>
     <tr>
         <td id="qr-bill-receipt">
-            <h1>Receipt</h1>
+            <h1>Receipt<span id="qr-bill-scissors"></span></h1>
             <div id="qr-bill-information-receipt">
                 <h2>Account / Payable to</h2><p>CH44 3199 9123 0008 8901 2<br />
 Thomas LeClaire<br />

diff --git a/tests/TestData/HtmlOutput/qr-additional-information-compact.svg.textarrows.html b/tests/TestData/HtmlOutput/qr-additional-information-compact.svg.textarrows.html
@@ -42,14 +42,14 @@
 
 #qr-bill-payment-part h2 {
     font-size: 8pt !important;
-    line-height: 11pt !important;    
+    line-height: 11pt !important;
     margin-top: 11pt !important;
     color: #000 !important;
 }
 
 #qr-bill-receipt h2 {
     font-size: 6pt !important;
-    line-height: 8pt !important;    
+    line-height: 8pt !important;
     margin-top: 8pt !important;
     color: #000 !important;
 }
@@ -172,6 +172,10 @@
     margin-top: -11pt;
 }
 
+#qr-bill-scissors {
+    float: right;
+}
+
 
 
 #qr-bill-separate-info-text:before {
@@ -199,7 +203,7 @@
     </tr>
     <tr>
         <td id="qr-bill-receipt">
-            <h1>Receipt</h1>
+            <h1>Receipt<span id="qr-bill-scissors"></span></h1>
             <div id="qr-bill-information-receipt">
                 <h2>Account / Payable to</h2><p>CH44 3199 9123 0008 8901 2<br />
 Thomas LeClaire<br />

diff --git a/tests/TestData/HtmlOutput/qr-additional-information.svg.html b/tests/TestData/HtmlOutput/qr-additional-information.svg.html
@@ -42,14 +42,14 @@
 
 #qr-bill-payment-part h2 {
     font-size: 8pt !important;
-    line-height: 11pt !important;    
+    line-height: 11pt !important;
     margin-top: 11pt !important;
     color: #000 !important;
 }
 
 #qr-bill-receipt h2 {
     font-size: 6pt !important;
-    line-height: 8pt !important;    
+    line-height: 8pt !important;
     margin-top: 8pt !important;
     color: #000 !important;
 }
@@ -172,6 +172,10 @@
     margin-top: -11pt;
 }
 
+#qr-bill-scissors {
+    float: right;
+}
+
 
 </style>
 
@@ -181,7 +185,7 @@
     </tr>
     <tr>
         <td id="qr-bill-receipt">
-            <h1>Receipt</h1>
+            <h1>Receipt<span id="qr-bill-scissors"></span></h1>
             <div id="qr-bill-information-receipt">
                 <h2>Account / Payable to</h2><p>CH44 3199 9123 0008 8901 2<br />
 Thomas LeClaire<br />