@livelike/embet 0.0.4 → 0.0.8

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+## 0.0.8 (November 5, 2021)
+
+- Added Live Total widget layout change
+- Added widget slide in animation
+- Added font size variable based on width of widget
+- Fixed off centered widget title
+
+## 0.0.7 (November 4, 2021)
+
+- Fixed progress bar styling not filling parent container
+- Fixed sponsor logo not fitting in parent container
+- Fixed Sponsored By text spacing
+
+## 0.0.6 (October 27, 2021)
+
+- Added ability to set widget heights through `widgetHeight` property in widget payload
+- Fixed bet button default styles to always retain oval shape
+- Fixed widget heights and inner element stretching to fill container in relation to parent container
+- Fixed `.text` selector styling overriding page's style
+- Improved spacing and scaling to allow for responsive sizing
+
+## 0.0.5 (October 13, 2021)
+
+- Added `customCss` and `customStyles` property to widget payload
+- Added attribute to open bet button link in new tab
+- Fixed widget options showing "of votes" at wrong time
+
 ## 0.0.4 (October 5, 2021)
 
 - Added the `customid` attribute to the embet-widgets element to load program id

package/README.md

@@ -88,7 +88,10 @@ custom_data: {
   palce_bet_url: string;
   type: 'LIVE SPREAD' | 'LIVE MONEYLINE' | 'LIVE TOTAL';
   sponsors: [{logo_url: string, name: string}];
-  betDetails: [{bet: string; description: string;}]
+  betDetails: [{bet: string; description: string;}],
+  customCss: string,
+  customStyles: string,
+  widgetHeight: string | number,
   theme: {
     widgets: {
       prediction: {
@@ -118,7 +121,38 @@ custom_data: {
 }
 ```
 
-### Notes
+### About the customStyles and customCss properties
+
+These properties allow adding arbitrary CSS to the widgets.
+
+The `customCss` is a string that is a url or src to a CSS file. It is the `href` attribute in a `<link rel="stylesheet" href="styles.css">`.
+
+The `customStyles` property is a string of CSS. For example
+
+```
+customStyles = `
+  .bet-button {
+    background: purple;
+  }
+  .embet-widget livelike-title {
+    color: orange;
+  }
+`
+```
+
+### About the widgetHeight property
+
+This property allows setting the overall widget height.
+
+```
+widgetHeight = '400px'
+```
+
+```
+widgetHeight = '50%'
+```
+
+### About the betDetails property
 In the `betDetails` property of the `custom_data` stringified object, the `description` properties must match with your `options` array `description` properties.
 
 For example, if your `options` and `betDetails` properties are