diff --git a/src/_footer.scss b/src/_footer.scss index 13d9e6687..b3c522f0c 100644 --- a/src/_footer.scss +++ b/src/_footer.scss @@ -98,3 +98,14 @@ $footer-links-navigation-color: $footer-text; } } } + +.modal-terms-of-service { + .pgn__form-label{ + .standalone-link { + &:before { + // Add a white space before MODAL TOS checkbox links + content: "\00a0"; + } + } + } +} diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx index 309958b0a..51d6a42cd 100644 --- a/src/components/Footer.jsx +++ b/src/components/Footer.jsx @@ -154,7 +154,7 @@ class SiteFooter extends React.Component { { - config.MODAL_UPDATE_TERMS_OF_SERVICE && + config.MODAL_UPDATE_TERMS_OF_SERVICE && } ); diff --git a/src/components/modal-tos/ModalToS.jsx b/src/components/modal-tos/ModalToS.jsx index 86fca904f..608ede5da 100644 --- a/src/components/modal-tos/ModalToS.jsx +++ b/src/components/modal-tos/ModalToS.jsx @@ -2,7 +2,9 @@ import React, { useEffect, useState } from 'react'; import { convertKeyNames, getConfig } from '@edx/frontend-platform'; import { getAuthenticatedUser } from '@edx/frontend-platform/auth'; -import { FormattedMessage, getLocale, injectIntl } from '@edx/frontend-platform/i18n'; +import { + FormattedMessage, getLocale, injectIntl, intlShape, +} from '@edx/frontend-platform/i18n'; import { Button, Form, Hyperlink, ModalDialog, useToggle, useCheckboxSetValues, ActionRow, @@ -21,7 +23,7 @@ const createTOSLink = (chunks, url) => ( ); -const ModalToS = () => { +const ModalToS = ({ intl }) => { const [tosPreference, setTosPreference] = useState(undefined); const [isOpen, open, close] = useToggle(false); const { width } = useWindowSize(); @@ -86,12 +88,13 @@ const ModalToS = () => { return ( {title[lang] && ( @@ -114,7 +117,7 @@ const ModalToS = () => { createTOSLink(chunks, PRIVACY_POLICY_URL), }} @@ -127,7 +130,7 @@ const ModalToS = () => { createTOSLink(chunks, TERMS_OF_SERVICE_URL), }} @@ -140,7 +143,7 @@ const ModalToS = () => { createTOSLink(chunks, TOS_AND_HONOR_CODE), }} @@ -168,4 +171,8 @@ const ModalToS = () => { ); }; +ModalToS.propTypes = { + intl: intlShape.isRequired, +}; + export default injectIntl(ModalToS); diff --git a/src/i18n/messages/pt_PT.json b/src/i18n/messages/pt_PT.json index f810af5bf..58af1cbf6 100644 --- a/src/i18n/messages/pt_PT.json +++ b/src/i18n/messages/pt_PT.json @@ -2,8 +2,9 @@ "footer.languageForm.select.label": "Escolha a língua", "footer.languageForm.submit.label": "Aplicar", "footer.copyright.message": "Todos os direitos reservados.", - "modalToS.dataAuthorization.checkbox.label": "Li e compreendi a Política de Privacidade", - "modalToS.termsOfService.checkbox.label": "Li, compreendi e aceito os Termos e Condições", - "modalToS.honorCode.checkbox.label": "Li e compreendi o Código de Honra", + "modalToS.modalDialog.title": "Modal aceitar Termos de Serviço", + "modalToS.dataAuthorization.checkbox.label": "Li e compreendi a Política de Privacidade", + "modalToS.termsOfService.checkbox.label": "Li, compreendi e aceito os Termos e Condições", + "modalToS.honorCode.checkbox.label": "Li e compreendi o Código de Honra", "modalToS.acceptance.button": "Aceito os novos termos de serviço" -} + }