diff --git a/SharePointFramework/PortfolioWebParts/src/components/PortfolioAggregation/ColumnFormPanel/useColumnFormPanel.ts b/SharePointFramework/PortfolioWebParts/src/components/PortfolioAggregation/ColumnFormPanel/useColumnFormPanel.ts index 1c88b5ce3..d574e8977 100644 --- a/SharePointFramework/PortfolioWebParts/src/components/PortfolioAggregation/ColumnFormPanel/useColumnFormPanel.ts +++ b/SharePointFramework/PortfolioWebParts/src/components/PortfolioAggregation/ColumnFormPanel/useColumnFormPanel.ts @@ -93,7 +93,10 @@ export function useColumnFormPanel() { /** * Save is disabled if the column name or field name is less than 2 characters. */ - const isSaveDisabled = column.get('internalName').length < 2 || column.get('fieldName').length < 2 || column.get('name').length < 2 + const isSaveDisabled = + column.get('internalName').length < 2 || + column.get('fieldName').length < 2 || + column.get('name').length < 2 /** * Save is disabled if the column field name is Title diff --git a/SharePointFramework/PortfolioWebParts/src/components/PortfolioOverview/ColumnFormPanel/useColumnFormPanel.ts b/SharePointFramework/PortfolioWebParts/src/components/PortfolioOverview/ColumnFormPanel/useColumnFormPanel.ts index b88c141f3..ae399f088 100644 --- a/SharePointFramework/PortfolioWebParts/src/components/PortfolioOverview/ColumnFormPanel/useColumnFormPanel.ts +++ b/SharePointFramework/PortfolioWebParts/src/components/PortfolioOverview/ColumnFormPanel/useColumnFormPanel.ts @@ -97,7 +97,10 @@ export function useColumnFormPanel() { /** * Save is disabled if the column name or field name is less than 2 characters. */ - const isSaveDisabled = column.get('internalName').length < 2 || column.get('fieldName').length < 2 || column.get('name').length < 2 + const isSaveDisabled = + column.get('internalName').length < 2 || + column.get('fieldName').length < 2 || + column.get('name').length < 2 /** * Set column message for a specific column for a specific duration (default 5 seconds) diff --git a/SharePointFramework/ProjectWebParts/src/components/ProjectInformation/Actions/Actions.module.scss b/SharePointFramework/ProjectWebParts/src/components/ProjectInformation/Actions/Actions.module.scss index 57dc366b4..216336ea8 100644 --- a/SharePointFramework/ProjectWebParts/src/components/ProjectInformation/Actions/Actions.module.scss +++ b/SharePointFramework/ProjectWebParts/src/components/ProjectInformation/Actions/Actions.module.scss @@ -8,6 +8,7 @@ justify-content: flex-start; .label { + text-align: left; font-weight: var(--fontWeightRegular); margin: 0; } diff --git a/SharePointFramework/ProjectWebParts/src/components/ProjectInformation/ParentProjectsList/ParentProjectsList.module.scss b/SharePointFramework/ProjectWebParts/src/components/ProjectInformation/ParentProjectsList/ParentProjectsList.module.scss index 3d6893a74..52a77dd6a 100644 --- a/SharePointFramework/ProjectWebParts/src/components/ProjectInformation/ParentProjectsList/ParentProjectsList.module.scss +++ b/SharePointFramework/ProjectWebParts/src/components/ProjectInformation/ParentProjectsList/ParentProjectsList.module.scss @@ -3,6 +3,7 @@ justify-content: flex-start; .label { + text-align: left; font-weight: var(--fontWeightRegular); margin: 0; } diff --git a/SharePointFramework/ProjectWebParts/src/components/ProjectPhases/ProjectPhase/ProjectPhasePopover/ProjectPhasePopover.module.scss b/SharePointFramework/ProjectWebParts/src/components/ProjectPhases/ProjectPhase/ProjectPhasePopover/ProjectPhasePopover.module.scss index 792e8d646..cdbab6812 100644 --- a/SharePointFramework/ProjectWebParts/src/components/ProjectPhases/ProjectPhase/ProjectPhasePopover/ProjectPhasePopover.module.scss +++ b/SharePointFramework/ProjectWebParts/src/components/ProjectPhases/ProjectPhase/ProjectPhasePopover/ProjectPhasePopover.module.scss @@ -16,6 +16,7 @@ } .label { + text-align: left; font-weight: var(--fontWeightRegular); margin: 0; } diff --git a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanel.tsx b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanel.tsx index 7038b6e78..c17503d06 100644 --- a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanel.tsx +++ b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanel.tsx @@ -22,7 +22,9 @@ export const CustomEditPanel: FC = (props) => { overflow: 'hidden' } }} - onRenderFooterContent={() => } + onRenderFooterContent={() => ( + + )} onRenderBody={() => } /> diff --git a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/Boolean.tsx b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/Boolean.tsx index c23736896..70c68be54 100644 --- a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/Boolean.tsx +++ b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/Boolean.tsx @@ -7,7 +7,12 @@ import { FieldElementComponent } from './types' export const Boolean: FieldElementComponent = ({ field }) => { const context = useCustomEditPanelContext() return ( - + (field)} onChange={(_, data) => context.model.set(field, data.checked)} diff --git a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/Currency.tsx b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/Currency.tsx index 176397174..d10c0daa6 100644 --- a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/Currency.tsx +++ b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/Currency.tsx @@ -8,7 +8,12 @@ import { FieldElementComponent } from './types' export const Currency: FieldElementComponent = ({ field }) => { const context = useCustomEditPanelContext() return ( - + (field)} diff --git a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/DateTime.tsx b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/DateTime.tsx index 34954b8dc..2e24de91f 100644 --- a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/DateTime.tsx +++ b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/DateTime.tsx @@ -9,7 +9,12 @@ import { DayOfWeek } from '@fluentui/react' export const DateTime: FieldElementComponent = ({ field }) => { const context = useCustomEditPanelContext() return ( - + context.model.set(field, date)} diff --git a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/Lookup/Lookup.tsx b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/Lookup/Lookup.tsx index d52d9cbd3..80dc223ea 100644 --- a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/Lookup/Lookup.tsx +++ b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/Lookup/Lookup.tsx @@ -9,7 +9,12 @@ export const Lookup: FieldElementComponent = ({ field }) => { const context = useCustomEditPanelContext() const { options, value } = useLookup(field) return ( - + { const context = useCustomEditPanelContext() return ( - + diff --git a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/TaxonomyFieldTypeMulti.tsx b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/TaxonomyFieldTypeMulti.tsx index 75faa9ded..ba962c9f4 100644 --- a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/TaxonomyFieldTypeMulti.tsx +++ b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/TaxonomyFieldTypeMulti.tsx @@ -8,7 +8,12 @@ import { FieldElementComponent } from './types' export const TaxonomyFieldTypeMulti: FieldElementComponent = ({ field }) => { const context = useCustomEditPanelContext() return ( - + diff --git a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/User.tsx b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/User.tsx index 4b5cd1471..8575d511a 100644 --- a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/User.tsx +++ b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/User.tsx @@ -8,7 +8,12 @@ import { FieldElementComponent } from './types' export const User: FieldElementComponent = ({ field }) => { const context = useCustomEditPanelContext() return ( - + diff --git a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/UserMulti.tsx b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/UserMulti.tsx index 3ce7bc4bc..d61100131 100644 --- a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/UserMulti.tsx +++ b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelBody/FieldElements/UserMulti.tsx @@ -8,7 +8,12 @@ import { FieldElementComponent } from './types' export const UserMulti: FieldElementComponent = ({ field }) => { const context = useCustomEditPanelContext() return ( - + diff --git a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelFooter/CustomEditPanelFooter.tsx b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelFooter/CustomEditPanelFooter.tsx index 97c0cece0..2dd68cb34 100644 --- a/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelFooter/CustomEditPanelFooter.tsx +++ b/SharePointFramework/shared-library/src/components/CustomEditPanel/CustomEditPanelFooter/CustomEditPanelFooter.tsx @@ -12,15 +12,16 @@ import { UserMessage } from '../../UserMessage' import { useCustomEditPanelContext } from '../context' import styles from './CustomEditPanelFooter.module.scss' import { customLightTheme } from '../../../util' +import { ICustomEditPanelFooterProps } from './types' /** * Renders the footer for the `CustomEditPanel` with a `` for saving the changes, * and a `` for closing the panel. Also shows a `` when submitting * with text based on the `saveProgressText` property from `props.submit`. * - * @param props The component props. + * @param props - The props for the component. */ -export const CustomEditPanelFooter: FC = () => { +export const CustomEditPanelFooter: FC = ({ isSaveDisabled }) => { const context = useCustomEditPanelContext() const fluentProviderId = useId('fp-custom-edit-panel-footer') const [isSaving, setIsSaving] = useState(false) @@ -52,7 +53,8 @@ export const CustomEditPanelFooter: FC = () => { <>