Merge pull request #2443 from HyphaApp/enhancement/invoice-embed-pdf

Embed pdf inline on invoice detail page.

hypha/apply/projects/templates/application_projects/paymentrequest_detail.html

@@ -35,6 +35,9 @@
                 {% endfor %}
             </div>
         </div>
+        <div class="wrapper--embed wrapper--embed--pdf">
+            <object class= type="application/pdf" data="{% url "apply:projects:payments:invoice" pk=object.pk %}"></object>
+        </div>
     </div>
     <aside class="sidebar">
         <div class="js-actions-sidebar sidebar__inner sidebar__inner--light-blue sidebar__inner--actions">

hypha/static_src/src/sass/apply/components/_wrapper.scss

@@ -71,6 +71,24 @@
         margin: 0 auto;
     }
 
+    &--embed {
+        width: 100%;
+        height: 100%;
+
+        iframe,
+        object,
+        embed {
+            width: 100%;
+            height: 100%;
+        }
+
+        &--pdf {
+            object {
+                height: 300mm;
+            }
+        }
+    }
+
     &--form {
         padding: 20px;
         margin: 20px auto;