diff --git a/hypha/apply/projects/templates/application_projects/paymentrequest_detail.html b/hypha/apply/projects/templates/application_projects/paymentrequest_detail.html index e36e970bf2ece9ff274193f908f28b0c24780a9a..c1f04bd3d68c0c9b1655a1cc1ebf8d5386e9eaba 100644 --- a/hypha/apply/projects/templates/application_projects/paymentrequest_detail.html +++ b/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"> diff --git a/hypha/static_src/src/sass/apply/components/_wrapper.scss b/hypha/static_src/src/sass/apply/components/_wrapper.scss index 6f29c8ff5b05a729b6045751343445f632d9e8db..4f275ec325a823fbd8f4d86e6deb24253f11c88e 100644 --- a/hypha/static_src/src/sass/apply/components/_wrapper.scss +++ b/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;