diff --git a/README.md b/README.md index 77854f99c..39f400fd4 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@ ## Summary Custom Property Pane pain resolved (whew), color palette generator inspired by [Jhey](https://codepen.io/jh3y/pen/rNjbmBQ?editors=0011). -Built it to get an understanding of [Property Pane Portal](https://www.npmjs.com/package/property-pane-portal) and cuz I to build in a dynamic palette generator/css reader for my web parts. +Built it to get an understanding of [Property Pane Portal](https://www.npmjs.com/package/property-pane-portal) and cuz I want to eventually build in a dynamic palette generator/css reader for my web parts. ## Used SharePoint Framework Version @@ -53,7 +53,8 @@ Version|Date|Comments Next step is see if I can make prism work with it (as per inspiring example), and then to have the generated colors applied to web part elements. -[picture of the solution in action, if possible] +![property pane view](images/palettePickerWebPart.gif) +![after save and refresh](images/palettePickerWebPartAfterSaveAndRefresh.gif) This web part illustrates the following concepts: diff --git a/images/palettePickerWebPart.gif b/images/palettePickerWebPart.gif new file mode 100644 index 000000000..15e868aae Binary files /dev/null and b/images/palettePickerWebPart.gif differ diff --git a/images/palettePickerWebPartAfterSaveAndRefresh.gif b/images/palettePickerWebPartAfterSaveAndRefresh.gif new file mode 100644 index 000000000..68fbc656d Binary files /dev/null and b/images/palettePickerWebPartAfterSaveAndRefresh.gif differ diff --git a/package-lock.json b/package-lock.json index ea21eacf2..f363be337 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2377,6 +2377,16 @@ "msal": "1.4.13", "msalLegacy": "npm:msal@1.4.12", "tslib": "~1.10.0" + }, + "dependencies": { + "msalLegacy": { + "version": "npm:msal@1.4.12", + "resolved": "https://registry.npmjs.org/msal/-/msal-1.4.12.tgz", + "integrity": "sha512-gjupwQ6nvNL6mZkl5NIXyUmZhTiEMRu5giNdgHMh8l5EPOnV2Xj6nukY1NIxFacSTkEYUSDB47Pej9GxDYf+1w==", + "requires": { + "tslib": "^1.9.3" + } + } } }, "@microsoft/sp-loader": { @@ -14453,14 +14463,6 @@ "tslib": "^1.9.3" } }, - "msalLegacy": { - "version": "npm:msal@1.4.12", - "resolved": "https://registry.npmjs.org/msal/-/msal-1.4.12.tgz", - "integrity": "sha512-gjupwQ6nvNL6mZkl5NIXyUmZhTiEMRu5giNdgHMh8l5EPOnV2Xj6nukY1NIxFacSTkEYUSDB47Pej9GxDYf+1w==", - "requires": { - "tslib": "^1.9.3" - } - }, "multicast-dns": { "version": "6.2.3", "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-6.2.3.tgz", diff --git a/src/webparts/palettePicker/PalettePickerWebPart.tsx b/src/webparts/palettePicker/PalettePickerWebPart.tsx index d557b465d..b4c7a0e93 100644 --- a/src/webparts/palettePicker/PalettePickerWebPart.tsx +++ b/src/webparts/palettePicker/PalettePickerWebPart.tsx @@ -38,7 +38,7 @@ export default class PalettePickerWebPart extends BaseClientSideWebPart