From ab2a88a2ffe7df0352daf2a03d3c878b541d2e34 Mon Sep 17 00:00:00 2001 From: Hugo Bernier Date: Sat, 3 Oct 2020 00:44:50 -0400 Subject: [PATCH] Fixed spelling --- samples/react-accordion-dynamic-section/README.md | 8 ++++---- .../lib/webparts/reactAccordion/ReactAccordionWebPart.js | 4 ++-- .../reactAccordion/components/ReactAccordion.module.css | 3 ++- .../src/webparts/reactAccordion/ReactAccordionWebPart.ts | 4 ++-- 4 files changed, 10 insertions(+), 9 deletions(-) diff --git a/samples/react-accordion-dynamic-section/README.md b/samples/react-accordion-dynamic-section/README.md index 33d4135af..254285b7e 100644 --- a/samples/react-accordion-dynamic-section/README.md +++ b/samples/react-accordion-dynamic-section/README.md @@ -6,8 +6,8 @@ - Adds a collapsible accordion section to an Office 365 SharePoint page or Teams Tab. - Ideal for displaying FAQs. - When adding the web part, you'll be prompted to select a list from a property panel dropdown (target list must be created with FAQ type Question and Answer.). -- The webpart expects a choice type that will be used as Category. -- The webpart will automatically load all the properties in two dropdowns. One for Accordian Title and One for Accordian Content that must be html type. +- The web part expects a choice type that will be used as Category. +- The web part will automatically load all the properties in two dropdowns. One for Accordion Title and One for Accordion Content that must be html type. - This will generate an accordion with one section for each item in the list. - Modifications/deletions/additions to the list items in the target list of an added web part are automatically reflected on the page. - To deploy to a Teams tab see current [Microsoft documentation](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-web-part-as-ms-teams-tab). @@ -18,8 +18,8 @@ **1) Create or use a list for FAQs. It can have the FAQ format e.g. Title and a Content columns. You can also used the attached STP file if needed.:** -- The value in the Accordian Title property for each item will appear in the heading bars of the Accordion. -- The value in the Accordian Content property for each item will appear in the collapsible content section of the Accordion +- The value in the Accordion Title property for each item will appear in the heading bars of the Accordion. +- The value in the Accordion Content property for each item will appear in the collapsible content section of the Accordion - When creating the columns, select "Multiple lines of text". Rich text is now supported within the Content column. ![Create list for use with the Accordion](./assets/FAQsList.png) diff --git a/samples/react-accordion-dynamic-section/lib/webparts/reactAccordion/ReactAccordionWebPart.js b/samples/react-accordion-dynamic-section/lib/webparts/reactAccordion/ReactAccordionWebPart.js index 8fc2ed923..4ee9bc797 100644 --- a/samples/react-accordion-dynamic-section/lib/webparts/reactAccordion/ReactAccordionWebPart.js +++ b/samples/react-accordion-dynamic-section/lib/webparts/reactAccordion/ReactAccordionWebPart.js @@ -265,12 +265,12 @@ var ReactAccordionWebPart = /** @class */ (function (_super) { disabled: this.choicesDropdownDisabled, }), PropertyPaneDropdown("accordianTitleColumn", { - label: "Select the Column for Accordian Title Rows.", + label: "Select the Column for Accordion Title Rows.", options: this.allListColumns, disabled: this.choicesDropdownDisabled, }), PropertyPaneDropdown("accordianContentColumn", { - label: "Select the Column for Accordian Content.", + label: "Select the Column for Accordion Content.", options: this.allListColumns, disabled: this.choicesDropdownDisabled, }), diff --git a/samples/react-accordion-dynamic-section/lib/webparts/reactAccordion/components/ReactAccordion.module.css b/samples/react-accordion-dynamic-section/lib/webparts/reactAccordion/components/ReactAccordion.module.css index 8191d9477..d34ee5337 100644 --- a/samples/react-accordion-dynamic-section/lib/webparts/reactAccordion/components/ReactAccordion.module.css +++ b/samples/react-accordion-dynamic-section/lib/webparts/reactAccordion/components/ReactAccordion.module.css @@ -1 +1,2 @@ -.reactAccordion_b579c085 .container_b579c085{max-width:700px;margin:0 auto;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 25px 50px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 25px 50px 0 rgba(0,0,0,.1)}.reactAccordion_b579c085 .row_b579c085{margin:0 -8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:"[theme:white, default: #ffffff]";background-color:"[theme:themeDark, default: #005a9e]";padding:20px}.reactAccordion_b579c085 .row_b579c085::after,.reactAccordion_b579c085 .row_b579c085::before{display:table;content:'';line-height:0}.reactAccordion_b579c085 .row_b579c085::after{clear:both}.reactAccordion_b579c085 .column_b579c085{position:relative;min-height:1px;padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}[dir=ltr] .reactAccordion_b579c085 .column_b579c085{float:left}[dir=rtl] .reactAccordion_b579c085 .column_b579c085{float:right}.reactAccordion_b579c085 .column_b579c085 .ms-Grid_b579c085{padding:0}@media (min-width:640px){.reactAccordion_b579c085 .column_b579c085{width:83.33333333333334%}}@media (min-width:1024px){.reactAccordion_b579c085 .column_b579c085{width:66.66666666666666%}}@media (min-width:1024px){[dir=ltr] .reactAccordion_b579c085 .column_b579c085{left:16.66667%}[dir=rtl] .reactAccordion_b579c085 .column_b579c085{right:16.66667%}}@media (min-width:640px){[dir=ltr] .reactAccordion_b579c085 .column_b579c085{left:8.33333%}[dir=rtl] .reactAccordion_b579c085 .column_b579c085{right:8.33333%}}.reactAccordion_b579c085 .title_b579c085{font-size:21px;font-weight:100;color:"[theme:white, default: #ffffff]"}.reactAccordion_b579c085 .subTitle_b579c085{font-size:17px;font-weight:300;color:"[theme:white, default: #ffffff]"}.reactAccordion_b579c085 .description_b579c085{font-size:17px;font-weight:300;color:"[theme:white, default: #ffffff]"}.reactAccordion_b579c085 .button_b579c085{text-decoration:none;height:32px;min-width:80px;background-color:"[theme:themePrimary, default: #0078d4]";border-color:"[theme:themePrimary, default: #0078d4]";color:"[theme:white, default: #ffffff]";outline:transparent;position:relative;font-family:"Segoe UI WestEuropean","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:400;border-width:0;text-align:center;cursor:pointer;display:inline-block;padding:0 16px}.reactAccordion_b579c085 .button_b579c085 .label_b579c085{font-weight:600;font-size:14px;height:32px;line-height:32px;margin:0 4px;vertical-align:top;display:inline-block} \ No newline at end of file +.reactAccordion_b579c085 .container_b579c085{max-width:700px;margin:0 auto;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 25px 50px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 25px 50px 0 rgba(0,0,0,.1)}.reactAccordion_b579c085 .row_b579c085{margin:0 -8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:"[theme:white, default: #ffffff]";background-color:"[theme:themeDark, default: #005a9e]";padding:20px}.reactAccordion_b579c085 .row_b579c085::after,.reactAccordion_b579c085 .row_b579c085::before{display:table;content:'';line-height:0}.reactAccordion_b579c085 .row_b579c085::after{clear:both}.reactAccordion_b579c085 .column_b579c085{position:relative;min-height:1px;padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}[dir=ltr] .reactAccordion_b579c085 .column_b579c085{float:left}[dir=rtl] .reactAccordion_b579c085 .column_b579c085{float:right}.reactAccordion_b579c085 .column_b579c085 .ms-Grid_b579c085{padding:0}@media (min-width:640px){.reactAccordion_b579c085 .column_b579c085{width:83.33333333333334%}}@media (min-width:1024px){.reactAccordion_b579c085 .column_b579c085{width:66.66666666666666%}}@media (min-width:1024px){[dir=ltr] .reactAccordion_b579c085 .column_b579c085{left:16.66667%}[dir=rtl] .reactAccordion_b579c085 .column_b579c085{right:16.66667%}}@media (min-width:640px){[dir=ltr] .reactAccordion_b579c085 .column_b579c085{left:8.33333%}[dir=rtl] .reactAccordion_b579c085 .column_b579c085{right:8.33333%}}.reactAccordion_b579c085 .title_b579c085{font-size:21px;font-weight:100;color:"[theme:white, default: #ffffff]"}.reactAccordion_b579c085 .subTitle_b579c085{font-size:17px;font-weight:300;color:"[theme:white, default: #ffffff]"}.reactAccordion_b579c085 .description_b579c085{font-size:17px;font-weight:300;color:"[theme:white, default: #ffffff]"}.reactAccordion_b579c085 .button_b579c085{text-decoration:none;height:32px;min-width:80px;background-color:"[theme:themePrimary, default: #0078d4]";border-color:"[theme:themePrimary, default: #0078d4]";color:"[theme:white, default: #ffffff]";outline:transparent;position:relative;font-family:"Segoe UI WestEuropean","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:400;border-width:0;text-align:center;cursor:pointer;display:inline-block;padding:0 16px}.reactAccordion_b579c085 .button_b579c085 .label_b579c085{font-weight:600;font-size:14px;height:32px;line-height:32px;margin:0 4px;vertical-align:top;display:inline-block} +/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyY1xcd2VicGFydHNcXHJlYWN0QWNjb3JkaW9uXFxjb21wb25lbnRzXFxSZWFjdEFjY29yZGlvbi5tb2R1bGUuc2NzcyIsIiRzdGRpbiIsIm5vZGVfbW9kdWxlc1xcb2ZmaWNlLXVpLWZhYnJpYy1yZWFjdFxcZGlzdFxcc2Fzc1xcbWl4aW5zXFxfR3JpZC5NaXhpbnMuc2NzcyIsIm5vZGVfbW9kdWxlc1xcb2ZmaWNlLXVpLWZhYnJpYy1yZWFjdFxcZGlzdFxcc2Fzc1xcbWl4aW5zXFxfR2VuZXJhbC5NaXhpbnMuc2NzcyIsIm5vZGVfbW9kdWxlc1xcb2ZmaWNlLXVpLWZhYnJpYy1yZWFjdFxcZGlzdFxcc2Fzc1xcbWl4aW5zXFxfRm9udC5NaXhpbnMuc2NzcyIsIm5vZGVfbW9kdWxlc1xcb2ZmaWNlLXVpLWZhYnJpYy1yZWFjdFxcZGlzdFxcc2Fzc1xcbWl4aW5zXFxfRGlyZWN0aW9uYWxpdHkuTWl4aW5zLnNjc3MiLCJub2RlX21vZHVsZXNcXG9mZmljZS11aS1mYWJyaWMtcmVhY3RcXGRpc3RcXHNhc3NcXG1peGluc1xcX1Jlc3BvbnNpdmUuTWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0MsNkNBRUcsVUFBQSxNQUNBLE9BQUEsRUFBQSxLQUNBLG1CQUFBLEVBQUEsSUFBQSxJQUFBLEVBQUEsY0NHZ0QsQ0RIaEQsRUFBQSxLQUFBLEtBQUEsRUFBQSxlQUFBLFdBQUEsRUFBQSxJQUFBLElBQUEsRUFBQSxjQ0lnRCxDREpoRCxFQUFBLEtBQUEsS0FBQSxFQUFBLGVBSkgsdUNFZUMsT0FBQSxFQUFBLEtDOEhBLG1CQUFBLFdBQUEsV0FBQSxXQ21KQSxNQUFBLGtDSnRSRSxpQkFBQSxzQ0FDQSxRQUFBLEtBWEgsOENBQUEsK0NHMEpHLFFBQUEsTUFDQSxRQUFBLEdBQ0EsWUFBQSxFSDVKSCw4Q0crSkcsTUFBQSxLSC9KSCwwQ0V3QkMsU0FBQSxTQUNBLFdBQUEsSUFDQSxhQUFBLElBQ0EsY0FBQSxJQ2tIQSxtQkFBQSxXQUFBLFdBQUEsV0hoSEEsb0RLb0pJLE1BQUEsS0xsSkosb0RLc0pJLE1BQUEsTUxyTEwsNERFaUNHLFFBQUEsRUlrWUYseUJObmFELDBDTW9hRyxNQUFBLG9CQXVRRiwwQk4zcUJELDBDTTRxQkcsTUFBQSxvQkEwSkYsMEJONXhCRSxvREsySkEsS0FBQSxVTHpKQSxvREs2SkEsTUFBQSxXQ29ZRix5Qk45aEJFLG9ES3NKQSxLQUFBLFNMcEpBLG9ES3dKQSxNQUFBLFVMek1ILHlDSWdGQyxVQUFBLEtBQ0EsWUFBQSxJQStNQSxNQUFBLGtDSmhTRCw0Q0lzRkMsVUFBQSxLQUNBLFlBQUEsSUF5TUEsTUFBQSxrQ0poU0QsK0NJc0ZDLFVBQUEsS0FDQSxZQUFBLElBeU1BLE1BQUEsa0NKaFNELDBDQXVDRyxnQkFBQSxLQUNBLE9BQUEsS0FHQSxVQUFBLEtBQ0EsaUJBQUEseUNBQ0EsYUFBQSx5Q0FDQSxNQUFBLGtDQUdBLFFBQUEsWUFDQSxTQUFBLFNBQ0EsWUFBQSx1QkM0QmtDLENENUJsQyxVQzRCNkMsQ0Q1QjdDLGFDNEIyRCxDRDVCM0Qsa0JDNEI4RSxDRDVCOUUsTUM0QnFGLENENUJyRixnQkM0QnNHLENENUJ0RyxXQUNBLHVCQUFBLFlBQ0EsVUFBQSxLQUNBLFlBQUEsSUFDQSxhQUFBLEVBQ0EsV0FBQSxPQUNBLE9BQUEsUUFDQSxRQUFBLGFBQ0EsUUFBQSxFQUFBLEtBM0RILDBEQThESyxZQUFBLElBQ0EsVUFBQSxLQUNBLE9BQUEsS0FDQSxZQUFBLEtBQ0EsT0FBQSxFQUFBLElBQ0EsZUFBQSxJQUNBLFFBQUEifQ== */ \ No newline at end of file diff --git a/samples/react-accordion-dynamic-section/src/webparts/reactAccordion/ReactAccordionWebPart.ts b/samples/react-accordion-dynamic-section/src/webparts/reactAccordion/ReactAccordionWebPart.ts index 6a134039a..358ef359e 100644 --- a/samples/react-accordion-dynamic-section/src/webparts/reactAccordion/ReactAccordionWebPart.ts +++ b/samples/react-accordion-dynamic-section/src/webparts/reactAccordion/ReactAccordionWebPart.ts @@ -333,12 +333,12 @@ export default class ReactAccordionWebPart extends BaseClientSideWebPart< disabled: this.choicesDropdownDisabled, }), PropertyPaneDropdown("accordianTitleColumn", { - label: "Select the Column for Accordian Title Rows.", + label: "Select the Column for Accordion Title Rows.", options: this.allListColumns, disabled: this.choicesDropdownDisabled, }), PropertyPaneDropdown("accordianContentColumn", { - label: "Select the Column for Accordian Content.", + label: "Select the Column for Accordion Content.", options: this.allListColumns, disabled: this.choicesDropdownDisabled, }),