Added style sheet and method to remove rendered react component.

bt5/erp5_chart_editor/SkinTemplateItem/portal_skins/erp5_chart_editor/gadget_chart_editor.appcache_.appcache

@@ -8,6 +8,7 @@ static/css/main.88fa11bf.css
 static/js/main.8b730bc1.js
 react.development.js
 react-dom.development.js
+index.css
 
 
 

bt5/erp5_chart_editor/SkinTemplateItem/portal_skins/erp5_chart_editor/gadget_chart_editor.html.html

@@ -4,11 +4,11 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
     <meta name="theme-color" content="#000000">
-    <link href="https://fonts.googleapis.com/css?family=Dosis:500,700|Open+Sans:400,400i,600,700" rel="stylesheet">
     <title>Chart Editor Gadget</title>
     
     <link href="static/css/main.88fa11bf.css" rel="stylesheet">
-    
+    <link href="index.css" rel="stylesheet">
+
     <script src="rsvp.js" type="text/javascript"></script>
     <script src="renderjs.js" type="text/javascript"></script>
 

bt5/erp5_chart_editor/SkinTemplateItem/portal_skins/erp5_chart_editor/gadget_chart_editor.js.js

-/*global window, document, rJS, Quill, RSVP*/
+/*global window, document, rJS, RSVP*/
 /*jslint nomen: true, maxlen:80, indent:2*/
 (function (window, document, React, ReactDOM, EntryPoint, rJS, RSVP) {
   "use strict";
@@ -20,6 +20,10 @@
       is_mobile: false,
       
     })
+    
+    .declareMethod('purge', function () {
+      ReactDOM.unmountComponentAtNode(this.element.querySelector("div"));
+    })
 
     .declareMethod('render', function (options) {
       

bt5/erp5_chart_editor/SkinTemplateItem/portal_skins/erp5_chart_editor/index.css.css

+body {
+  margin: 0;
+  padding: 0;
+  font-family: sans-serif;
+}
+
+.gadget_chart_editor {
+  height: inherit;
+  max-height: inherit;
+}
+
+.app {
+  height: inherit;
+  max-height: inherit;
+}
+

bt5/erp5_chart_editor/SkinTemplateItem/portal_skins/erp5_chart_editor/index.css.xml

+<?xml version="1.0"?>
+<ZopeData>
+  <record id="1" aka="AAAAAAAAAAE=">
+    <pickle>
+      <global name="File" module="OFS.Image"/>
+    </pickle>
+    <pickle>
+      <dictionary>
+        <item>
+            <key> <string>__name__</string> </key>
+            <value> <string>index.css</string> </value>
+        </item>
+        <item>
+            <key> <string>content_type</string> </key>
+            <value> <string>text/css</string> </value>
+        </item>
+        <item>
+            <key> <string>precondition</string> </key>
+            <value> <string></string> </value>
+        </item>
+        <item>
+            <key> <string>title</string> </key>
+            <value> <string>index.css</string> </value>
+        </item>
+      </dictionary>
+    </pickle>
+  </record>
+</ZopeData>