Merge pull request #51 from Plant-for-the-Planet-org/feature/resetChi…

…ldStyling Fix text cluttering in widgets
Plant-for-the-Planet-org · Mar 30, 2021 · 9eabc7f · 9eabc7f
2 parents a1f1bb0 + 5ad5d0d
commit 9eabc7f
Show file tree

Hide file tree

Showing 5 changed files with 749 additions and 748 deletions.
diff --git a/public/index.html b/public/index.html
@@ -424,7 +424,7 @@ <h5 class="widgetSubTitle" style="margin-bottom: 20px;">Customization Options (O
 	function updateCode(id) {
 		var widgetCode = document.getElementById(id + 'Code');
 		var widgetNode = document.getElementById(id + 'Script');
-		widgetNode.src = 'https://widgets.plant-for-the-planet.org/build/' + widgetNode.src.split("/")[4];
+		widgetNode.src = `${window.location.origin}/build/` + widgetNode.src.split("/")[4];
 		widgetCode.innerHTML = "<code>" +
 			document.getElementById(id + 'Script').outerHTML.replace(/</g, "&lt;") + '</br>' +
 			document.getElementById(id).outerHTML.replace(/</g, "&lt;") +

diff --git a/src/TreeMap/App.svelte b/src/TreeMap/App.svelte
@@ -22,7 +22,7 @@
   export let community = "true";
   export let locale = "en";
   export let refresh = "none";
-  export let tenantkey = 'ten_I9TW3ncG';
+  export let tenantkey = "ten_I9TW3ncG";
   $: primarycolor = primarycolor;
   $: counterbgcolor = circlebgcolor
     ? circlebgcolor
@@ -278,7 +278,7 @@
         </a>
         <a
           class="footerLinkBold"
-          href={'https://a.plant-for-the-planet.org/'}
+          href={"https://a.plant-for-the-planet.org/"}
           target="_blank"
           >| {language[locale].poweredBy}
         </a>
@@ -337,12 +337,12 @@
           >
             {#if theme === "dark"}
               <img
-              src={`${__myapp.env.CDN_URL}/logo/svg/planetDark.svg`}
+                src={`${__myapp.env.CDN_URL}/logo/svg/planetDark.svg`}
                 alt="Plant-for-the-Planet Logo"
               />
             {:else}
               <img
-              src={`${__myapp.env.CDN_URL}/logo/svg/planet.svg`}
+                src={`${__myapp.env.CDN_URL}/logo/svg/planet.svg`}
                 alt="Plant-for-the-Planet Logo"
               />
             {/if}
@@ -362,6 +362,9 @@
   /* @import "https://api.mapbox.com/mapbox-gl-js/v1.2.0/mapbox-gl.css"; */
   @import "https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap";
   @import "https://widgets.plant-for-the-planet.org/map.css";
+  :host {
+    all: initial;
+  }
   .treemap {
     width: 100%;
     border-radius: 10px;
@@ -421,14 +424,14 @@
     text-align: center;
     color: white;
     margin: 0px;
+    line-height: 72px;
   }
   .treecountLabel {
     font-size: 13px;
     font-weight: bold;
     text-align: center;
     color: white;
     margin: 0px;
-    margin-top: 6px;
   }
   .planted {
     color: var(--primary-color);