From 914c777aeeda317f5333bfd45a8040b02b925458 Mon Sep 17 00:00:00 2001
From: Baptiste Niviere <baptiste.niviere@gmail.com>
Date: Wed, 5 May 2021 14:04:03 -0700
Subject: [PATCH] improved editor workflow

---
 web/themes/custom/atrium/atrium.info.yml                | 1 +
 web/themes/custom/atrium/ckeditor/ckeditor_styles.css   | 2 ++
 web/themes/custom/atrium/ckeditor/ckeditor_templates.js | 6 +-----
 3 files changed, 4 insertions(+), 5 deletions(-)
 create mode 100644 web/themes/custom/atrium/ckeditor/ckeditor_styles.css

diff --git a/web/themes/custom/atrium/atrium.info.yml b/web/themes/custom/atrium/atrium.info.yml
index b7da88daf..df1252e79 100644
--- a/web/themes/custom/atrium/atrium.info.yml
+++ b/web/themes/custom/atrium/atrium.info.yml
@@ -87,6 +87,7 @@ libraries-override:
 
 ckeditor_stylesheets:
   - assets/css/atrium.style.css
+  - ckeditor/ckeditor_styles.css
   - ../../../libraries/courtyard-artifact/1.x/public/css/styles-srl.min.css
 
 component-libraries:
diff --git a/web/themes/custom/atrium/ckeditor/ckeditor_styles.css b/web/themes/custom/atrium/ckeditor/ckeditor_styles.css
new file mode 100644
index 000000000..ec94dfbb8
--- /dev/null
+++ b/web/themes/custom/atrium/ckeditor/ckeditor_styles.css
@@ -0,0 +1,2 @@
+.jcc-card.jcc-card--icon .usa-card__body{padding: 5px; border: 1px dashed #666666;}
+.jcc-card.jcc-card--icon .usa-card__media{padding: 5px; border: 1px dashed #666666;}
diff --git a/web/themes/custom/atrium/ckeditor/ckeditor_templates.js b/web/themes/custom/atrium/ckeditor/ckeditor_templates.js
index 4d7edf20b..1458cde71 100644
--- a/web/themes/custom/atrium/ckeditor/ckeditor_templates.js
+++ b/web/themes/custom/atrium/ckeditor/ckeditor_templates.js
@@ -106,11 +106,7 @@ CKEDITOR.addTemplates('default', {
                         <h3>Title</h3>
                         <p>text</p>
                     </div>
-                    <div class="usa-card__media">
-                        <div class="usa-card__img jcc-image--media-icon">
-                            <img src="/themes/custom/atrium/ckeditor/placeholder.png" alt="placeholder" />
-                        </div>
-                    </div>
+                    <div class="usa-card__media"></div>
                 </div>
             </div>`
       },