From 6824eeebf57f9c9c5e54d9f60f958ad350ad7f93 Mon Sep 17 00:00:00 2001 From: Chris Hill-Scott Date: Thu, 7 Feb 2019 15:59:31 +0000 Subject: [PATCH] Allow people to see the full precompiled letter MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Sometimes people print stuff under where we’re folding the letter. It’s annoying to not be able to see it. This commit adds a little detail where, once you’ve sent the letter you can unfolds the corner to see what’s underneath. It’s better that we do this for all letters for discoverability. --- app/assets/images/envelope-fold.png | Bin 0 -> 5680 bytes app/assets/images/envelope-fold.svg | 37 ++++++++++++++++++ app/assets/stylesheets/components/letter.scss | 13 ++++++ .../views/notifications/notification.html | 4 +- 4 files changed, 53 insertions(+), 1 deletion(-) create mode 100644 app/assets/images/envelope-fold.png create mode 100644 app/assets/images/envelope-fold.svg diff --git a/app/assets/images/envelope-fold.png b/app/assets/images/envelope-fold.png new file mode 100644 index 0000000000000000000000000000000000000000..33bfdb37c8e943bffdb481d380df54666ce6c82a GIT binary patch literal 5680 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 C7)omZ literal 0 HcmV?d00001 diff --git a/app/assets/images/envelope-fold.svg b/app/assets/images/envelope-fold.svg new file mode 100644 index 000000000..0060b5caa --- /dev/null +++ b/app/assets/images/envelope-fold.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/assets/stylesheets/components/letter.scss b/app/assets/stylesheets/components/letter.scss index 1e50953d3..23e6cff9c 100644 --- a/app/assets/stylesheets/components/letter.scss +++ b/app/assets/stylesheets/components/letter.scss @@ -82,6 +82,19 @@ $iso-paper-ratio: 141.42135624%; } + .letter-sent &:hover { + + background-color: transparent; + border: none; + box-shadow: none; + background-image: file-url('envelope-fold.svg'); + + @include ie-lte(8) { + background-image: file-url('envelope-fold.png'); + } + + } + } img { diff --git a/app/templates/views/notifications/notification.html b/app/templates/views/notifications/notification.html index 5b38752f5..241ce36d2 100644 --- a/app/templates/views/notifications/notification.html +++ b/app/templates/views/notifications/notification.html @@ -72,7 +72,9 @@ {% endif %} {% endif %} - {{ template|string }} +
+ {{ template|string }} +
{% if template.template_type == 'letter' %}