[Release] v2.3.0-nightly.20200430

CHANGELOG.md

@@ -1,10 +1,14 @@
-# v2.2.0 (April 30, 2020)
-* Fix: grid now is more responsive (now use calc function: 100% - spacing/padding/margin)
-* Fix: default values now work (hello object reference my old dark friend)
+# v2.3.0 (TBD)
+* Fix: `border-corners` and `border-spacing` now work without `grid` attribute.
 
 [![](https://img.shields.io/badge/donate-paypal-005EA6.svg?logo=paypal)](https://www.paypal.me/ptkdev) [![](https://img.shields.io/badge/donate-patreon-F87668.svg?logo=patreon)](https://www.patreon.com/ptkdev) [![](https://img.shields.io/badge/donate-sponsors-ea4aaa.svg?logo=github)](https://github.com/sponsors/ptkdev/)  [![](https://img.shields.io/badge/donate-ko--fi-29abe0.svg?logo=ko-fi)](https://ko-fi.com/ptkdev)
 
 
+# v2.2.0 (April 30, 2020)
+* Fix: `grid` now is more responsive (now use `calc()` function: `100%` - `spacing/padding/margin`)
+* Fix: default values now work (hello object reference my old dark friend)
+
+
 # v2.1.1 (April 28, 2020)
 * New attribute: cache
 * New attribute: border-corners

README.md

@@ -1,6 +1,6 @@
 # 🌉 WebComponent: InstagramWidget
 
-[![](https://img.shields.io/badge/version-v2.2.0-lightgrey.svg)](https://github.com/ptkdev-components/webcomponent-instagram-widget/releases) [![](https://img.shields.io/npm/v/@ptkdev/webcomponent-instagram-widget.svg)](https://www.npmjs.com/package/@ptkdev/webcomponent-instagram-widget) [![](https://img.shields.io/badge/license-MIT-brightgreen.svg)](https://github.com/ptkdev-components/webcomponent-instagram-widget/blob/master/LICENSE.md) [![](https://img.shields.io/badge/ES-9-F7DF1E.svg)](https://wikipedia.org/wiki/ECMAScript) [![](https://snyk.io/test/github/ptkdev-components/webcomponent-instagram-widget/badge.svg)](https://snyk.io/test/github/ptkdev-components/webcomponent-instagram-widget) [![](https://discordapp.com/api/guilds/383373985666301975/embed.png)](http://discord.ptkdev.io)
+[![](https://img.shields.io/badge/version-v2.3.0--nightly.20200430-lightgrey.svg)](https://github.com/ptkdev-components/webcomponent-instagram-widget/releases) [![](https://img.shields.io/npm/v/@ptkdev/webcomponent-instagram-widget.svg)](https://www.npmjs.com/package/@ptkdev/webcomponent-instagram-widget) [![](https://img.shields.io/badge/license-MIT-brightgreen.svg)](https://github.com/ptkdev-components/webcomponent-instagram-widget/blob/master/LICENSE.md) [![](https://img.shields.io/badge/ES-9-F7DF1E.svg)](https://wikipedia.org/wiki/ECMAScript) [![](https://snyk.io/test/github/ptkdev-components/webcomponent-instagram-widget/badge.svg)](https://snyk.io/test/github/ptkdev-components/webcomponent-instagram-widget) [![](https://discordapp.com/api/guilds/383373985666301975/embed.png)](http://discord.ptkdev.io)
 
 > Simple Instagram Widget: Photos Box of your Instagram Profile for your blog or website with this WebComponent.
 

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@ptkdev/webcomponent-instagram-widget",
 	"description": "Simple Instagram Widget: Photos Box of your Instagram Profile for your blog or website with this WebComponent.",
-	"version": "2.2.0",
+	"version": "2.3.0-nightly.20200430",
 	"main": "dist/module/en/instagram-widget.min.js",
 	"author": "Patryk Rzucidło [@ptkdev] <[email protected]> (https://ptk.dev)",
 	"license": "MIT",

webcomponent/js/main.js

@@ -70,6 +70,12 @@ class InstagramWidget extends HTMLElement {
 				images[i].style.borderRadius = `${this.options["border-corners"]}%`;
 				images[i].style.margin = this.options["border-spacing"];
 			}
+		} else {
+			let images = document.querySelector("instagram-widget").shadowRoot.querySelectorAll(".instagram-widget-photos img");
+			for (let i=0; i < images.length; i++) {
+				images[i].style.borderRadius = `${this.options["border-corners"]}%`;
+				images[i].style.margin = this.options["border-spacing"];
+			}
 		}
 	}