alex
/
PNSPS-frontend-MaterialUI
2
0
Fork 0
Código Incidencias 0 Pull Requests 0 Lanzamientos 0 Wiki Actividad

4 Commits
31a6c6d901 ... f037144000

Autor SHA1 Mensaje Fecha
  Jason Chuang f037144000 web access fix update hace 2 semanas
  Jason Chuang d9e48deeeb update web access fix hace 2 semanas
  Jason Chuang e99b83966e web access fix update hace 2 semanas
  Jason Chuang b236c09b5d focus color update hace 2 semanas
Se han modificado 14 ficheros con 47 adiciones y 48 borrados
Unificar vista
Opciones de diferencias
Mostrar estadísticas
  1. +2
    -3
      src/assets/style/styles.css
  2. +3
    -3
      src/pages/PublicNotice/ApplyForm/PublicNoticeApplyForm.js
  3. +1
    -1
      src/pages/User/ChangePasswordPage/index.js
  4. +6
    -6
      src/pages/authentication/BusRegister.js
  5. +7
    -7
      src/pages/authentication/IAmSmartRegister.js
  6. +7
    -7
      src/pages/authentication/Register.js
  7. +6
    -6
      src/pages/authentication/auth-forms/BusCustomFormWizard.js
  8. +6
    -6
      src/pages/authentication/auth-forms/CustomFormWizard.js
  9. +2
    -2
      src/pages/authentication/auth-forms/IAmSmartFormWizard.js
  10. +1
    -1
      src/pages/authentication/auth-forms/PreviewUploadFileTable.js
  11. +1
    -1
      src/pages/authentication/auth-forms/UploadFileTable.js
  12. +1
    -1
      src/themes/overrides/Checkbox.js
  13. +1
    -1
      src/themes/overrides/Radio.js
  14. +3
    -3
      src/themes/themeConst.js

+ 2
- 3
src/assets/style/styles.css Ver fichero

@@ -95,9 +95,8 @@ a:active {
/* ===== MUI DataGrid keyboard focus (WCAG 2.4.7 / 2.4.11) ===== */ /* ===== MUI DataGrid keyboard focus (WCAG 2.4.7 / 2.4.11) ===== */
.MuiDataGrid-columnHeader:focus-visible, .MuiDataGrid-columnHeader:focus-visible,
.MuiDataGrid-cell:focus-visible { .MuiDataGrid-cell:focus-visible {
outline: 3px solid #0c489e;
outline-offset: -2px;
box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.25);
outline: none;
box-shadow: inset 0 0 0 3px #0c489e;
} }


/* Contained buttons only */ /* Contained buttons only */


+ 3
- 3
src/pages/PublicNotice/ApplyForm/PublicNoticeApplyForm.js Ver fichero

@@ -557,7 +557,7 @@ const PublicNoticeApplyForm = ({ loadedData, _selections, gazetteIssueList }) =>
</Grid> </Grid>
</Grid> </Grid>
<Grid item xs={12} md={12} lg={12} sx={{ mb: 3 }}> <Grid item xs={12} md={12} lg={12} sx={{ mb: 3 }}>
<Typography display="inline" variant="subtitle1" sx={{ color: 'primary.primary' }}>
<Typography component="span" display="inline" variant="subtitle1" sx={{ color: 'primary.primary' }}>
<FormattedMessage id="uploadApplicationFileRemark" /> <FormattedMessage id="uploadApplicationFileRemark" />
</Typography> </Typography>
</Grid> </Grid>
@@ -573,7 +573,7 @@ const PublicNoticeApplyForm = ({ loadedData, _selections, gazetteIssueList }) =>
})} })}
</Grid> </Grid>
<Grid item xs={12} md={12} lg={12} sx={{ mb: 3 }}> <Grid item xs={12} md={12} lg={12} sx={{ mb: 3 }}>
<Typography display="inline" variant="subtitle1" sx={{ color: 'primary.primary' }}>
<Typography component="span" sx={{ color: 'primary.primary' }}>
<FormattedMessage id="noteOnClientRemark" /> <FormattedMessage id="noteOnClientRemark" />
</Typography> </Typography>
</Grid> </Grid>
@@ -605,7 +605,7 @@ const PublicNoticeApplyForm = ({ loadedData, _selections, gazetteIssueList }) =>
<Typography variant="pnspsFormParagraphBold"> <Typography variant="pnspsFormParagraphBold">
<span style={{ textAlign: 'justify', }} dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "applyTickUnderStr0" }) }} /> <span style={{ textAlign: 'justify', }} dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "applyTickUnderStr0" }) }} />
</Typography> </Typography>
<Typography display="inline" variant="subtitle1" sx={{ color: 'primary.primary' }} >
<Typography display="inline" variant="subtitle1" component="span" sx={{ color: 'primary.primary' }} >
<ol style={{ textAlign: 'justify', }}> <ol style={{ textAlign: 'justify', }}>
<li dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "applyTickUnderStr1" }) }} /> <li dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "applyTickUnderStr1" }) }} />
<li dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "applyTickUnderStr2" }) }} /> <li dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "applyTickUnderStr2" }) }} />


+ 1
- 1
src/pages/User/ChangePasswordPage/index.js Ver fichero

@@ -394,7 +394,7 @@ const Index = () => {
</Grid> </Grid>
<Grid container spacing={2} alignItems="center"> <Grid container spacing={2} alignItems="center">
<Grid item sx={{ mt: 1 }}> <Grid item sx={{ mt: 1 }}>
<Typography variant="subtitle1">
<Typography variant="subtitle1" component="p">
•<FormattedMessage id="pwRemark1" /><br /> •<FormattedMessage id="pwRemark1" /><br />
•<FormattedMessage id="pwRemark2" /><br /> •<FormattedMessage id="pwRemark2" /><br />
•<FormattedMessage id="pwRemark3" /><br /> •<FormattedMessage id="pwRemark3" /><br />


+ 6
- 6
src/pages/authentication/BusRegister.js Ver fichero

@@ -154,7 +154,7 @@ const BusRegister = () => {
</Stepper> </Stepper>
{allStepsCompleted() ? ( {allStepsCompleted() ? (
<React.Fragment> <React.Fragment>
<Typography variant="h4" sx={{ mt: 2, mb: 1 }}>
<Typography component="span" variant="h4" sx={{ mt: 2, mb: 1, display: 'block' }}>
All steps completed - you&apos;re finished All steps completed - you&apos;re finished
</Typography> </Typography>
<Stack direction="row" sx={{ pb: 2 }}> <Stack direction="row" sx={{ pb: 2 }}>
@@ -185,7 +185,7 @@ const BusRegister = () => {
sx={{ mr: 1 }} sx={{ mr: 1 }}
variant="h5" variant="h5"
> >
<Typography variant="h5">
<Typography component="span" variant="h5">
<FormattedMessage id="back"/> <FormattedMessage id="back"/>
</Typography> </Typography>
</Button> </Button>
@@ -197,7 +197,7 @@ const BusRegister = () => {
sx={{ mr: 1 }} sx={{ mr: 1 }}
variant="h5" variant="h5"
> >
<Typography variant="h5">
<Typography component="span" variant="h5">
<FormattedMessage id="back"/> <FormattedMessage id="back"/>
</Typography> </Typography>
</Button> </Button>
@@ -216,7 +216,7 @@ const BusRegister = () => {
{isNextBusy ? ( {isNextBusy ? (
<CircularProgress size={22} color="inherit" aria-hidden /> <CircularProgress size={22} color="inherit" aria-hidden />
) : ( ) : (
<Typography variant="h5" sx={{ color: 'inherit' }}>
<Typography component="span" variant="h5" sx={{ color: 'inherit' }}>
<FormattedMessage id="submit"/> <FormattedMessage id="submit"/>
</Typography> </Typography>
)} )}
@@ -225,7 +225,7 @@ const BusRegister = () => {
( (
<Button variant="contained" color="inherit" <Button variant="contained" color="inherit"
disabled={true} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> disabled={true} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}>
<Typography variant="h5" sx={{ color: 'inherit' }}>
<Typography component="span" variant="h5" sx={{ color: 'inherit' }}>
<FormattedMessage id="submit"/> <FormattedMessage id="submit"/>
</Typography> </Typography>
</Button> </Button>
@@ -233,7 +233,7 @@ const BusRegister = () => {
( (
// <Button disabled={updateValid} variant="outlined" onClick={handleNext} sx={{ mr: 1 }}> // <Button disabled={updateValid} variant="outlined" onClick={handleNext} sx={{ mr: 1 }}>
<Button disabled={!updateValid || isNextBusy} variant="contained" onClick={handleNext} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> <Button disabled={!updateValid || isNextBusy} variant="contained" onClick={handleNext} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}>
<Typography variant="h5" sx={{ color: 'inherit' }}>
<Typography component="span" variant="h5" sx={{ color: 'inherit' }}>
<FormattedMessage id="continue"/> <FormattedMessage id="continue"/>
</Typography> </Typography>
</Button> </Button>


+ 7
- 7
src/pages/authentication/IAmSmartRegister.js Ver fichero

@@ -161,12 +161,12 @@ const Register = () => {
</Stepper> </Stepper>
{allStepsCompleted() ? ( {allStepsCompleted() ? (
<React.Fragment> <React.Fragment>
<Typography variant="h4" sx={{ mt: 2, mb: 1 }}>
<Typography component="span" variant="h4" sx={{ mt: 2, mb: 1, display: 'block' }}>
All steps completed - you&apos;re finished All steps completed - you&apos;re finished
</Typography> </Typography>
<Stack direction="row" sx={{ pt: 2 }}> <Stack direction="row" sx={{ pt: 2 }}>
<Stack sx={{ flex: '1 1 auto' }} /> <Stack sx={{ flex: '1 1 auto' }} />
<Button onClick={handleReset}><Typography variant="h5"> <FormattedMessage id="reset"/></Typography></Button>
<Button onClick={handleReset}><Typography component="span" variant="h5"> <FormattedMessage id="reset"/></Typography></Button>
</Stack> </Stack>
</React.Fragment> </React.Fragment>
) : ( ) : (
@@ -192,7 +192,7 @@ const Register = () => {
onClick={handleBack} onClick={handleBack}
sx={{ mr: 1 }} sx={{ mr: 1 }}
> >
<Typography variant="h5">
<Typography component="span" variant="h5">
<FormattedMessage id="back"/> <FormattedMessage id="back"/>
</Typography> </Typography>
</Button> </Button>
@@ -203,7 +203,7 @@ const Register = () => {
onClick={handleBack} onClick={handleBack}
sx={{ mr: 1 }} sx={{ mr: 1 }}
> >
<Typography variant="h5">
<Typography component="span" variant="h5">
<FormattedMessage id="back"/> <FormattedMessage id="back"/>
</Typography> </Typography>
</Button> </Button>
@@ -222,7 +222,7 @@ const Register = () => {
{isNextBusy ? ( {isNextBusy ? (
<CircularProgress size={22} color="inherit" aria-hidden /> <CircularProgress size={22} color="inherit" aria-hidden />
) : ( ) : (
<Typography variant="h5" sx={{ color: 'inherit' }}>
<Typography component="span" variant="h5" sx={{ color: 'inherit' }}>
<FormattedMessage id="submit"/> <FormattedMessage id="submit"/>
</Typography> </Typography>
)} )}
@@ -231,7 +231,7 @@ const Register = () => {
( (
<Button variant="contained" color="inherit" <Button variant="contained" color="inherit"
disabled={true} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> disabled={true} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}>
<Typography variant="h5" sx={{ color: 'inherit' }}>
<Typography component="span" variant="h5" sx={{ color: 'inherit' }}>
<FormattedMessage id="submit"/> <FormattedMessage id="submit"/>
</Typography> </Typography>
</Button> </Button>
@@ -239,7 +239,7 @@ const Register = () => {
( (
// <Button disabled={updateValid} variant="outlined" onClick={handleNext} sx={{ mr: 1 }}> // <Button disabled={updateValid} variant="outlined" onClick={handleNext} sx={{ mr: 1 }}>
<Button disabled={!updateValid || isNextBusy} variant="contained" onClick={handleNext} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> <Button disabled={!updateValid || isNextBusy} variant="contained" onClick={handleNext} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}>
<Typography variant="h5" sx={{ color: 'inherit' }}>
<Typography component="span" variant="h5" sx={{ color: 'inherit' }}>
<FormattedMessage id="continue"/> <FormattedMessage id="continue"/>
</Typography> </Typography>
</Button> </Button>


+ 7
- 7
src/pages/authentication/Register.js Ver fichero

@@ -160,12 +160,12 @@ const Register = () => {
</Stepper> </Stepper>
{allStepsCompleted() ? ( {allStepsCompleted() ? (
<React.Fragment> <React.Fragment>
<Typography variant="h4" sx={{ mt: 2, mb: 1 }}>
<Typography component="span" variant="h4" sx={{ mt: 2, mb: 1, display: 'block' }}>
All steps completed - you&apos;re finished All steps completed - you&apos;re finished
</Typography> </Typography>
<Stack direction="row" sx={{ pt: 2 }}> <Stack direction="row" sx={{ pt: 2 }}>
<Stack sx={{ flex: '1 1 auto' }} /> <Stack sx={{ flex: '1 1 auto' }} />
<Button onClick={handleReset}><Typography variant="h5">Reset</Typography></Button>
<Button onClick={handleReset}><Typography component="span" variant="h5">Reset</Typography></Button>
</Stack> </Stack>
</React.Fragment> </React.Fragment>
) : ( ) : (
@@ -191,7 +191,7 @@ const Register = () => {
sx={{ mr: 1 }} sx={{ mr: 1 }}
variant="h5" variant="h5"
> >
<Typography variant="h5">
<Typography component="span" variant="h5">
<FormattedMessage id="back"/> <FormattedMessage id="back"/>
</Typography> </Typography>
</Button> </Button>
@@ -203,7 +203,7 @@ const Register = () => {
sx={{ mr: 1 }} sx={{ mr: 1 }}
variant="h5" variant="h5"
> >
<Typography variant="h5">
<Typography component="span" variant="h5">
<FormattedMessage id="back"/> <FormattedMessage id="back"/>
</Typography> </Typography>
</Button> </Button>
@@ -222,7 +222,7 @@ const Register = () => {
{isNextBusy ? ( {isNextBusy ? (
<CircularProgress size={22} color="inherit" aria-hidden /> <CircularProgress size={22} color="inherit" aria-hidden />
) : ( ) : (
<Typography variant="h5" sx={{ color: 'inherit' }}>
<Typography component="span" variant="h5" sx={{ color: 'inherit' }}>
<FormattedMessage id="submit"/> <FormattedMessage id="submit"/>
</Typography> </Typography>
)} )}
@@ -231,7 +231,7 @@ const Register = () => {
( (
<Button variant="contained" color="inherit" <Button variant="contained" color="inherit"
disabled={true} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> disabled={true} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}>
<Typography variant="h5" sx={{ color: 'inherit' }}>
<Typography component="span" variant="h5" sx={{ color: 'inherit' }}>
<FormattedMessage id="submit"/> <FormattedMessage id="submit"/>
</Typography> </Typography>
</Button> </Button>
@@ -239,7 +239,7 @@ const Register = () => {
( (
// <Button disabled={updateValid} variant="outlined" onClick={handleNext} sx={{ mr: 1 }}> // <Button disabled={updateValid} variant="outlined" onClick={handleNext} sx={{ mr: 1 }}>
<Button disabled={!updateValid || isNextBusy} variant="contained" onClick={handleNext} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}> <Button disabled={!updateValid || isNextBusy} variant="contained" onClick={handleNext} sx={{ mr: 1, ...PRIMARY_CONTAINED_BUTTON_SX }}>
<Typography variant="h5" sx={{ color: 'inherit' }}>
<Typography component="span" variant="h5" sx={{ color: 'inherit' }}>
<FormattedMessage id="continue"/> <FormattedMessage id="continue"/>
</Typography> </Typography>
</Button> </Button>


+ 6
- 6
src/pages/authentication/auth-forms/BusCustomFormWizard.js Ver fichero

@@ -739,7 +739,7 @@ const BusCustomFormWizard = (props) => {
</Typography> </Typography>
</Button> </Button>
<div style={{ borderBottom: "3px solid #1A4399", width: "100%", margin_right: "15px" }}> <div style={{ borderBottom: "3px solid #1A4399", width: "100%", margin_right: "15px" }}>
<Typography display="inline" variant="h3"component="h1" sx={{ color: '#1A4399' }}>
<Typography display="inline" variant="h3" component="h1" sx={{ color: '#1A4399' }}>
<FormattedMessage id="becomeNewBusinessUser"/> <FormattedMessage id="becomeNewBusinessUser"/>
</Typography> </Typography>
</div> </div>
@@ -872,7 +872,7 @@ const BusCustomFormWizard = (props) => {
<Box sx={{ bgcolor: level?.color, width: 85, height: 8, borderRadius: '7px' }} /> <Box sx={{ bgcolor: level?.color, width: 85, height: 8, borderRadius: '7px' }} />
</Grid> </Grid>
<Grid item> <Grid item>
<Typography variant="subtitle1">
<Typography component="span" variant="subtitle1" sx={{ display: 'block' }}>
<FormattedMessage id={level ? level?.label : "pwWeak" }/> <FormattedMessage id={level ? level?.label : "pwWeak" }/>
</Typography> </Typography>
</Grid> </Grid>
@@ -939,7 +939,7 @@ const BusCustomFormWizard = (props) => {
</Stack> </Stack>
<Grid container spacing={2} alignItems="center"> <Grid container spacing={2} alignItems="center">
<Grid item sx={{mt:1}}> <Grid item sx={{mt:1}}>
<Typography variant="subtitle1">
<Typography component="span" variant="subtitle1" sx={{ display: 'block' }}>
•<FormattedMessage id="pwRemark1"/><br /> •<FormattedMessage id="pwRemark1"/><br />
•<FormattedMessage id="pwRemark2"/><br /> •<FormattedMessage id="pwRemark2"/><br />
•<FormattedMessage id="pwRemark3"/><br /> •<FormattedMessage id="pwRemark3"/><br />
@@ -963,7 +963,7 @@ const BusCustomFormWizard = (props) => {
</Grid> </Grid>


<Grid item xs={12} md={12}> <Grid item xs={12} md={12}>
<Typography variant="subtitle1">
<Typography component="span" variant="subtitle1" sx={{ display: 'block' }}>
•<FormattedMessage id="pleaseEnterOrgOrCompName"/> •<FormattedMessage id="pleaseEnterOrgOrCompName"/>
</Typography> </Typography>
</Grid> </Grid>
@@ -1617,7 +1617,7 @@ const BusCustomFormWizard = (props) => {
<Grid item xs={12} md={12}> <Grid item xs={12} md={12}>
<Grid container> <Grid container>
<Grid item xs={12} md={12}> <Grid item xs={12} md={12}>
<Typography variant="h6" height="100%" sx={{ textAlign: "left", /*overflow: "scroll",*/ borderRadius: "inherit", borderStyle: "solid", borderWidth: "1px", borderColor: "#0c489e" }}>
<Typography component="span" variant="h6" height="100%" sx={{ textAlign: "left", /*overflow: "scroll",*/ borderRadius: "inherit", borderStyle: "solid", borderWidth: "1px", borderColor: "#0c489e", display: "block" }}>
<div style={{padding: 12}} dangerouslySetInnerHTML={{__html: intl.formatMessage({id: "termsAndCon"})}} /> <div style={{padding: 12}} dangerouslySetInnerHTML={{__html: intl.formatMessage({id: "termsAndCon"})}} />
</Typography> </Typography>
</Grid> </Grid>
@@ -1744,7 +1744,7 @@ const BusCustomFormWizard = (props) => {
<Grid item xs={12}> <Grid item xs={12}>
<Stack direction="column" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}> <Stack direction="column" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}>
<div style={{ borderBottom: "3px solid #1A4399", width: "100%", margin_right: "15px" }}> <div style={{ borderBottom: "3px solid #1A4399", width: "100%", margin_right: "15px" }}>
<Typography display="inline" variant="h3"component="h1" sx={{ color: '#1A4399' }}>
<Typography display="inline" variant="h3" component="h1" sx={{ color: '#1A4399' }}>
<FormattedMessage id="becomeNewBusinessUser"/> <FormattedMessage id="becomeNewBusinessUser"/>
</Typography> </Typography>
</div> </div>


+ 6
- 6
src/pages/authentication/auth-forms/CustomFormWizard.js Ver fichero

@@ -1090,7 +1090,7 @@ const CustomFormWizard = (props) => {
<Box sx={{ bgcolor: level?.color, width: 85, height: 8, borderRadius: '7px' }} /> <Box sx={{ bgcolor: level?.color, width: 85, height: 8, borderRadius: '7px' }} />
</Grid> </Grid>
<Grid item> <Grid item>
<Typography variant="subtitle1">
<Typography component="span" variant="subtitle1" sx={{ display: 'block' }}>
<FormattedMessage id={level ? level?.label : "pwWeak"} /> <FormattedMessage id={level ? level?.label : "pwWeak"} />
</Typography> </Typography>
</Grid> </Grid>
@@ -1157,7 +1157,7 @@ const CustomFormWizard = (props) => {
</Stack> </Stack>
<Grid container spacing={2} alignItems="center"> <Grid container spacing={2} alignItems="center">
<Grid item sx={{ mt: 1 }}> <Grid item sx={{ mt: 1 }}>
<Typography variant="subtitle1">
<Typography component="span" variant="subtitle1" sx={{ display: 'block' }}>
•<FormattedMessage id="pwRemark1" /><br /> •<FormattedMessage id="pwRemark1" /><br />
•<FormattedMessage id="pwRemark2" /><br /> •<FormattedMessage id="pwRemark2" /><br />
•<FormattedMessage id="pwRemark3" /><br /> •<FormattedMessage id="pwRemark3" /><br />
@@ -1392,7 +1392,7 @@ const CustomFormWizard = (props) => {
</Grid> </Grid>
</Grid> </Grid>
<Grid item xs={12} md={12}> <Grid item xs={12} md={12}>
<Typography variant="subtitle1">
<Typography component="span" variant="subtitle1" sx={{ display: 'block' }}>
<FormattedMessage id="registerNameLabel" /> <FormattedMessage id="registerNameLabel" />
</Typography> </Typography>
</Grid> </Grid>
@@ -1881,10 +1881,10 @@ const CustomFormWizard = (props) => {
<Typography display="inline" variant="h4" component="h2" sx={{ color: 'primary.primary' }}> <Typography display="inline" variant="h4" component="h2" sx={{ color: 'primary.primary' }}>
<FormattedMessage id="userIdDoc" /> <FormattedMessage id="userIdDoc" />
<span style={{ color: '#B00020' }}>*</span></Typography> <span style={{ color: '#B00020' }}>*</span></Typography>
<Typography display="inline" variant="subtitle1" sx={{ color: 'primary.primary' }}>
<Typography component="span" variant="subtitle1" sx={{ color: 'primary.primary', display: 'block' }}>
<FormattedMessage id="pleaseUploadIdDoc" /> <FormattedMessage id="pleaseUploadIdDoc" />
</Typography> </Typography>
<Typography display="inline" variant="subtitle1" sx={{ color: 'primary.primary' }}>
<Typography component="span" variant="subtitle1" sx={{ color: 'primary.primary', display: 'block' }}>
<FormattedMessage id="pleaseUploadIdDocSubTitle" /> <FormattedMessage id="pleaseUploadIdDocSubTitle" />
</Typography> </Typography>
<Stack mt={1} direction="row" justifyContent="flex-start" alignItems="center" spacing={2}> <Stack mt={1} direction="row" justifyContent="flex-start" alignItems="center" spacing={2}>
@@ -1945,7 +1945,7 @@ const CustomFormWizard = (props) => {
<Grid item xs={12} md={12}> <Grid item xs={12} md={12}>
<Grid container> <Grid container>
<Grid item xs={12} md={12}> <Grid item xs={12} md={12}>
<Typography height="100%" sx={{ textAlign: "left", /*overflow: "scroll",*/ borderRadius: "inherit", borderStyle: "solid", borderWidth: "1px", borderColor: "#0c489e" }}>
<Typography height="100%" component="span" sx={{ textAlign: "left", display: "block", /*overflow: "scroll",*/ borderRadius: "inherit", borderStyle: "solid", borderWidth: "1px", borderColor: "#0c489e" }}>
<div style={{padding: 12}} dangerouslySetInnerHTML={{__html: intl.formatMessage({id: "termsAndCon"})}} /> <div style={{padding: 12}} dangerouslySetInnerHTML={{__html: intl.formatMessage({id: "termsAndCon"})}} />
</Typography> </Typography>
</Grid> </Grid>


+ 2
- 2
src/pages/authentication/auth-forms/IAmSmartFormWizard.js Ver fichero

@@ -1053,7 +1053,7 @@ const CustomFormWizard = (props) => {
<Grid item xs={12} md={12}> <Grid item xs={12} md={12}>
<Grid container> <Grid container>
<Grid item xs={12} md={12}> <Grid item xs={12} md={12}>
<Typography sx={{ textAlign: "left", borderRadius: "inherit", borderStyle: "solid", borderWidth: "1px", borderColor: "#0c489e" }}>
<Typography component="span" sx={{ textAlign: "left", display: "block", borderRadius: "inherit", borderStyle: "solid", borderWidth: "1px", borderColor: "#0c489e" }}>
<div style={{ padding: 12 }} dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "termsAndCon" }) }} /> <div style={{ padding: 12 }} dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "termsAndCon" }) }} />
</Typography> </Typography>
@@ -1192,7 +1192,7 @@ const CustomFormWizard = (props) => {
</Grid> </Grid>
<Grid item xs={12} md={12} > <Grid item xs={12} md={12} >
<Stack direction="row"> <Stack direction="row">
<Typography variant="h5" component="h2" color={theme.palette.grey[600]} sx={{ mr: 1 }}>
<Typography variant="h5" component="span" color={theme.palette.grey[600]} sx={{ mr: 1 }}>
<FormattedMessage id="userIdDoc" /> <FormattedMessage id="userIdDoc" />
</Typography> </Typography>
<Typography variant="h5" component="span" name="preview-idDocType-1"> <Typography variant="h5" component="span" name="preview-idDocType-1">


+ 1
- 1
src/pages/authentication/auth-forms/PreviewUploadFileTable.js Ver fichero

@@ -34,7 +34,7 @@ export default function PreviewUploadFileTable({ recordList, }) {
function NoRowsOverlay() { function NoRowsOverlay() {
return ( return (
<Stack height="100%" alignItems="center" justifyContent="center"> <Stack height="100%" alignItems="center" justifyContent="center">
<Typography variant="h6">
<Typography component="span" variant="h6">
<FormattedMessage id="noFile"/> <FormattedMessage id="noFile"/>
</Typography> </Typography>
{/* <pre>(rows=&#123;[]&#125;)</pre> */} {/* <pre>(rows=&#123;[]&#125;)</pre> */}


+ 1
- 1
src/pages/authentication/auth-forms/UploadFileTable.js Ver fichero

@@ -48,7 +48,7 @@ export default function UploadFileTable({ recordList, setUpdateRows, }) {
justifyContent: 'center', justifyContent: 'center',
}} }}
> >
<Typography variant="h6">
<Typography component="span" variant="h6">
<FormattedMessage id="noFile"/> <FormattedMessage id="noFile"/>
</Typography> </Typography>
</Box> </Box>


+ 1
- 1
src/themes/overrides/Checkbox.js Ver fichero

@@ -24,7 +24,7 @@ export default function Checkbox(theme) {
color: CONTAINED_PRIMARY_BLUE color: CONTAINED_PRIMARY_BLUE
}, },
'&.Mui-focusVisible': { '&.Mui-focusVisible': {
boxShadow: '0 0 0 3px rgba(25, 118, 210, 0.35)'
boxShadow: `0 0 0 3px ${CONTAINED_PRIMARY_BLUE}`
}, },
svg: { svg: {
width: checkboxSize, width: checkboxSize,


+ 1
- 1
src/themes/overrides/Radio.js Ver fichero

@@ -21,7 +21,7 @@ export default function Radio() {
color: CONTAINED_PRIMARY_BLUE color: CONTAINED_PRIMARY_BLUE
}, },
'&.Mui-focusVisible': { '&.Mui-focusVisible': {
boxShadow: '0 0 0 3px rgba(25, 118, 210, 0.35)'
boxShadow: `0 0 0 3px ${CONTAINED_PRIMARY_BLUE}`
} }
} }
} }


+ 3
- 3
src/themes/themeConst.js Ver fichero

@@ -310,7 +310,7 @@ export const PNSPS_THEME = createTheme({


/* Focus-visible */ /* Focus-visible */
'&.Mui-focusVisible': { '&.Mui-focusVisible': {
boxShadow: '0 0 0 3px rgba(25, 118, 210, 0.35)',
boxShadow: `0 0 0 3px ${CONTAINED_PRIMARY_BLUE}`,
}, },
}, },
}, },
@@ -336,7 +336,7 @@ export const PNSPS_THEME = createTheme({
}, },


'&.Mui-focusVisible': { '&.Mui-focusVisible': {
boxShadow: '0 0 0 3px rgba(25, 118, 210, 0.35)',
boxShadow: `0 0 0 3px ${CONTAINED_PRIMARY_BLUE}`,
}, },
}, },
}, },
@@ -505,7 +505,7 @@ export const PNSPS_THEME = createTheme({


// ✅ Keyboard TAB focus (visible & accessible) // ✅ Keyboard TAB focus (visible & accessible)
'&.Mui-focusVisible': { '&.Mui-focusVisible': {
outline: '3px solid rgba(21, 101, 192, 0.55)',
outline: `3px solid ${CONTAINED_PRIMARY_BLUE}`,
outlineOffset: '3px', outlineOffset: '3px',
borderRadius: '6px', borderRadius: '6px',
}, },


Escribir Vista previa
Cargando…
Cancelar
Guardar