ENVELOPE PROTOTYPE

alphagov · May 8, 2017 · def7ce4 · def7ce4
1 parent 6d0516f
commit def7ce4
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 2 deletions.
diff --git a/app/assets/images/envelope.png b/app/assets/images/envelope.png
diff --git a/app/assets/images/envelope.psd b/app/assets/images/envelope.psd
diff --git a/app/assets/stylesheets/components/letter.scss b/app/assets/stylesheets/components/letter.scss
@@ -40,3 +40,26 @@ $iso-paper-ratio: 141.42135624%;
   }
 
 }
+
+.letter-wrapper {
+
+  position: relative;
+
+  &:before {
+    content: "";
+    position: absolute;
+    display: block;
+    width: 100%;
+    height: 100%;
+    background-image: file-url('envelope.png');
+    background-size: 100%;
+    z-index: 1000;
+    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
+  }
+
+  .letter {
+    padding: ($iso-paper-ratio / 2) 0 0 0;
+    overflow: hidden;
+  }
+
+}
diff --git a/app/templates/views/check.html b/app/templates/views/check.html
@@ -162,8 +162,9 @@ <h1 class="heading-large">
       {% endif %}
     </div> <!-- close pull-up -->
   {% else %}
-
-    {{ template|string }}
+    <div class="letter-wrapper">
+      {{ template|string }}
+    </div>
 
     <form method="post" enctype="multipart/form-data" action="{{url_for('main.start_job', service_id=current_service.id, upload_id=upload_id)}}">
       <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />