From 290424c4eb1f7ea66d017c5ded70ac1818bc71d8 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Mon, 19 Mar 2018 13:11:32 +0000
Subject: [PATCH] Put checkered background behind email branding

This will stop images which are white with a transparent background
being invisible in the admin app (and accidentally getting overwritten).
---
 app/assets/stylesheets/app.scss      | 11 +++++++++++
 app/templates/components/radios.html |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/app.scss b/app/assets/stylesheets/app.scss
index 3d3200375..3e237d0a4 100644
--- a/app/assets/stylesheets/app.scss
+++ b/app/assets/stylesheets/app.scss
@@ -230,3 +230,14 @@ details .arrow {
 .heading-inline {
   display: inline-block;
 }
+
+.branding-radio {
+
+  img {
+    background: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 0), $white;
+    background-repeat: repeat, repeat;
+    background-position: 0px 0, 5px 5px;
+    background-size: 10px 10px, 10px 10px;
+  }
+
+}
diff --git a/app/templates/components/radios.html b/app/templates/components/radios.html
index b6149fa6b..c402006a3 100644
--- a/app/templates/components/radios.html
+++ b/app/templates/components/radios.html
@@ -98,7 +98,7 @@
         {% endif %}
       </legend>
       {% for value, option, checked in field.iter_choices() %}
-        <div class="multiple-choice">
+        <div class="multiple-choice branding-radio">
           <input
             type="radio"
             name="{{ field.name }}"