diff --git a/src/frontend/apps/e2e/__tests__/app-impress/header.spec.ts b/src/frontend/apps/e2e/__tests__/app-impress/header.spec.ts index 795d04cf..00a45625 100644 --- a/src/frontend/apps/e2e/__tests__/app-impress/header.spec.ts +++ b/src/frontend/apps/e2e/__tests__/app-impress/header.spec.ts @@ -10,7 +10,7 @@ test.describe('Header', () => { test('checks all the elements are visible', async ({ page }) => { const header = page.locator('header').first(); - await expect(header.getByAltText('Docs Logo')).toBeVisible(); + await expect(header.getByLabel('Docs Logo')).toBeVisible(); await expect(header.locator('h2').getByText('Docs')).toHaveCSS( 'color', 'rgb(0, 0, 145)', diff --git a/src/frontend/apps/impress/src/features/auth/components/ButtonLogin.tsx b/src/frontend/apps/impress/src/features/auth/components/ButtonLogin.tsx index a96f3555..e8b53bff 100644 --- a/src/frontend/apps/impress/src/features/auth/components/ButtonLogin.tsx +++ b/src/frontend/apps/impress/src/features/auth/components/ButtonLogin.tsx @@ -1,11 +1,10 @@ import { Button } from '@openfun/cunningham-react'; -import Image from 'next/image'; import { useTranslation } from 'react-i18next'; import { css } from 'styled-components'; import { BoxButton } from '@/components'; -import ProConnectImg from '../assets/button-proconnect.svg?url'; +import ProConnectImg from '../assets/button-proconnect.svg'; import { useAuth } from '../hooks'; import { gotoLogin, gotoLogout } from '../utils'; @@ -41,8 +40,9 @@ export const ProConnectButton = () => { background-color: var(--c--theme--colors--primary-action); } `} + $radius="4px" > - {t('ProConnect + ); }; diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/DocEditor.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/DocEditor.tsx index e000a488..c899a055 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/DocEditor.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/DocEditor.tsx @@ -65,7 +65,7 @@ export const DocEditor = ({ doc, versionId }: DocEditorProps) => { $css="overflow-x: clip; flex: 1;" $position="relative" > - + {isVersion ? ( ) : ( diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx index 9d00bc8b..e63d4563 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx @@ -11,7 +11,7 @@ export const cssEditor = (readonly: boolean) => css` } .collaboration-cursor-custom__caret { position: absolute; - height: 85%; + height: 100%; width: 2px; bottom: 4%; left: -1px; diff --git a/src/frontend/apps/impress/src/features/header/components/Header.tsx b/src/frontend/apps/impress/src/features/header/components/Header.tsx index 775c94fa..ff37f03e 100644 --- a/src/frontend/apps/impress/src/features/header/components/Header.tsx +++ b/src/frontend/apps/impress/src/features/header/components/Header.tsx @@ -1,8 +1,7 @@ -import Image from 'next/image'; import { useTranslation } from 'react-i18next'; import { css } from 'styled-components'; -import { default as IconDocs } from '@/assets/icons/icon-docs.svg?url'; +import IconDocs from '@/assets/icons/icon-docs.svg'; import { Box, StyledLink } from '@/components/'; import { useCunninghamTheme } from '@/cunningham'; import { ButtonLogin } from '@/features/auth'; @@ -51,7 +50,7 @@ export const Header = () => { $height="fit-content" $margin={{ top: 'auto' }} > - {t('Docs + </Box> </StyledLink> diff --git a/src/frontend/apps/impress/src/features/home/assets/SC1-responsive-en.png b/src/frontend/apps/impress/src/features/home/assets/SC1-responsive-en.png index 0916cc1e..d45c96cc 100644 Binary files a/src/frontend/apps/impress/src/features/home/assets/SC1-responsive-en.png and b/src/frontend/apps/impress/src/features/home/assets/SC1-responsive-en.png differ diff --git a/src/frontend/apps/impress/src/features/home/assets/SC1-responsive-fr.png b/src/frontend/apps/impress/src/features/home/assets/SC1-responsive-fr.png index f6424fb8..f73602f8 100644 Binary files a/src/frontend/apps/impress/src/features/home/assets/SC1-responsive-fr.png and b/src/frontend/apps/impress/src/features/home/assets/SC1-responsive-fr.png differ diff --git a/src/frontend/apps/impress/src/features/home/assets/SC2-en.png b/src/frontend/apps/impress/src/features/home/assets/SC2-en.png index e5804711..556749cc 100644 Binary files a/src/frontend/apps/impress/src/features/home/assets/SC2-en.png and b/src/frontend/apps/impress/src/features/home/assets/SC2-en.png differ diff --git a/src/frontend/apps/impress/src/features/home/assets/SC2-fr.png b/src/frontend/apps/impress/src/features/home/assets/SC2-fr.png index 0c22cc50..1ff10fdd 100644 Binary files a/src/frontend/apps/impress/src/features/home/assets/SC2-fr.png and b/src/frontend/apps/impress/src/features/home/assets/SC2-fr.png differ diff --git a/src/frontend/apps/impress/src/features/home/assets/SC3-en.png b/src/frontend/apps/impress/src/features/home/assets/SC3-en.png index cff4595e..f7db3b17 100644 Binary files a/src/frontend/apps/impress/src/features/home/assets/SC3-en.png and b/src/frontend/apps/impress/src/features/home/assets/SC3-en.png differ diff --git a/src/frontend/apps/impress/src/features/home/assets/SC3-fr.png b/src/frontend/apps/impress/src/features/home/assets/SC3-fr.png index 13534a5d..a4c3aab4 100644 Binary files a/src/frontend/apps/impress/src/features/home/assets/SC3-fr.png and b/src/frontend/apps/impress/src/features/home/assets/SC3-fr.png differ diff --git a/src/frontend/apps/impress/src/features/home/assets/SC4-en.png b/src/frontend/apps/impress/src/features/home/assets/SC4-en.png index 8f044aef..22c7f477 100644 Binary files a/src/frontend/apps/impress/src/features/home/assets/SC4-en.png and b/src/frontend/apps/impress/src/features/home/assets/SC4-en.png differ diff --git a/src/frontend/apps/impress/src/features/home/assets/SC4-fr.png b/src/frontend/apps/impress/src/features/home/assets/SC4-fr.png index eda35893..e8d3d3fa 100644 Binary files a/src/frontend/apps/impress/src/features/home/assets/SC4-fr.png and b/src/frontend/apps/impress/src/features/home/assets/SC4-fr.png differ diff --git a/src/frontend/apps/impress/src/features/home/assets/SC4-responsive-en.png b/src/frontend/apps/impress/src/features/home/assets/SC4-responsive-en.png index 64aa8f83..8b574dab 100644 Binary files a/src/frontend/apps/impress/src/features/home/assets/SC4-responsive-en.png and b/src/frontend/apps/impress/src/features/home/assets/SC4-responsive-en.png differ diff --git a/src/frontend/apps/impress/src/features/home/assets/SC4-responsive-fr.png b/src/frontend/apps/impress/src/features/home/assets/SC4-responsive-fr.png index 7999e118..91e8b4a3 100644 Binary files a/src/frontend/apps/impress/src/features/home/assets/SC4-responsive-fr.png and b/src/frontend/apps/impress/src/features/home/assets/SC4-responsive-fr.png differ diff --git a/src/frontend/apps/impress/src/features/home/assets/SC4-responsive.png b/src/frontend/apps/impress/src/features/home/assets/SC4-responsive.png deleted file mode 100644 index 53c3811a..00000000 Binary files a/src/frontend/apps/impress/src/features/home/assets/SC4-responsive.png and /dev/null differ diff --git a/src/frontend/apps/impress/src/features/home/assets/banner.jpg b/src/frontend/apps/impress/src/features/home/assets/banner.jpg index cdc98418..05bb2d38 100644 Binary files a/src/frontend/apps/impress/src/features/home/assets/banner.jpg and b/src/frontend/apps/impress/src/features/home/assets/banner.jpg differ diff --git a/src/frontend/apps/impress/src/features/home/components/HomeHeader.tsx b/src/frontend/apps/impress/src/features/home/components/HomeHeader.tsx index 8e7a331d..202d5c8c 100644 --- a/src/frontend/apps/impress/src/features/home/components/HomeHeader.tsx +++ b/src/frontend/apps/impress/src/features/home/components/HomeHeader.tsx @@ -1,7 +1,7 @@ import Image from 'next/image'; import { useTranslation } from 'react-i18next'; -import { default as IconDocs } from '@/assets/icons/icon-docs.svg?url'; +import IconDocs from '@/assets/icons/icon-docs.svg'; import { Box } from '@/components'; import { useCunninghamTheme } from '@/cunningham'; import { ButtonTogglePanel, Title } from '@/features/header/'; @@ -61,7 +61,7 @@ export const HomeHeader = () => { $position="relative" $height="fit-content" > - <Image priority src={IconDocs} alt={t('Docs Logo')} width={32} /> + <IconDocs aria-label={t('Docs Logo')} width={32} /> <Title /> </Box> </Box> diff --git a/src/frontend/apps/impress/src/features/home/components/HomeSection.tsx b/src/frontend/apps/impress/src/features/home/components/HomeSection.tsx index 956acd4c..803a92f2 100644 --- a/src/frontend/apps/impress/src/features/home/components/HomeSection.tsx +++ b/src/frontend/apps/impress/src/features/home/components/HomeSection.tsx @@ -175,7 +175,7 @@ export const HomeSection = ({ height: 'fit-content', margin: 'auto', overflow: 'auto', - flexBasis: direction === 'column' ? '100%' : '50%', + flexBasis: direction === 'column' ? 'fit-content' : '50%', }} /> )} diff --git a/src/mail/mjml/invitation.mjml b/src/mail/mjml/invitation.mjml index a0af6299..2512274a 100644 --- a/src/mail/mjml/invitation.mjml +++ b/src/mail/mjml/invitation.mjml @@ -2,7 +2,7 @@ <mj-include path="./partial/header.mjml" /> <mj-body mj-class="bg--blue-100"> - <mj-wrapper css-class="wrapper" padding="0 25px 0px 25px"> + <mj-wrapper css-class="wrapper" padding="5px 25px 0px 25px"> <mj-section css-class="wrapper-logo"> <mj-column> <mj-image @@ -14,7 +14,7 @@ /> </mj-column> </mj-section> - <mj-section mj-class="bg--white-100" padding="30px 20px 60px 20px"> + <mj-section mj-class="bg--white-100" padding="0px 20px 60px 20px"> <mj-column> <mj-text align="center"> <h1>{{title|capfirst}}</h1> diff --git a/src/mail/mjml/partial/header.mjml b/src/mail/mjml/partial/header.mjml index 57dbd28b..c370dd00 100644 --- a/src/mail/mjml/partial/header.mjml +++ b/src/mail/mjml/partial/header.mjml @@ -13,7 +13,7 @@ <mj-all font-family="Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif" font-size="16px" - line-height="1.3em" + line-height="normal" color="#3A3A3A" /> </mj-attributes>