diff --git a/app/assets/images/envelope.png b/app/assets/images/envelope.png new file mode 100644 index 00000000000..35b43812aa9 Binary files /dev/null and b/app/assets/images/envelope.png differ diff --git a/app/assets/images/envelope.psd b/app/assets/images/envelope.psd new file mode 100644 index 00000000000..d435b65c373 Binary files /dev/null and b/app/assets/images/envelope.psd differ diff --git a/app/assets/stylesheets/components/letter.scss b/app/assets/stylesheets/components/letter.scss index e76a582aa5c..8d130d6e77d 100644 --- 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 index 7d5ab641fb6..42df340ef15 100644 --- a/app/templates/views/check.html +++ b/app/templates/views/check.html @@ -162,8 +162,9 @@

{% endif %} {% else %} - - {{ template|string }} +
+ {{ template|string }} +