Add suite logo back to header

src/frontend/apps/impress/cunningham.ts

@@ -478,9 +478,9 @@ const config = {
         },
         logo: {
           src: '/assets/logo-open-desk.svg',
-          widthHeader: '110px',
-          widthFooter: '220px',
-          alt: 'OpenDesk Logo',
+          widthHeader: '140px',
+          widthFooter: '110px',
+          alt: 'openDesk Logo',
         },
       },
       components: {

src/frontend/apps/impress/src/features/footer/Footer.tsx

@@ -96,7 +96,7 @@ export const Footer = () => {
           $padding={{ top: 'tiny' }}
           $css={`
             flex-wrap: wrap;
-            border-top: 1px solid var(--c--theme--colors--greyscale-200); 
+            border-top: 1px solid var(--c--theme--colors--greyscale-200);
             column-gap: 1rem;
             row-gap: .5rem;
           `}

src/frontend/apps/impress/src/features/header/components/Header.tsx

@@ -6,6 +6,7 @@ import { Box, StyledLink, Text } from '@/components/';
 import { ButtonLogin } from '@/core/auth';
 import { LanguagePicker } from '@/features/language';
 import { useResponsiveStore } from '@/stores';
+import { useCunninghamTheme } from '@/cunningham';
 
 import { default as IconDocs } from '../assets/icon-docs.svg?url';
 
@@ -15,6 +16,8 @@ import { LaGaufre } from './LaGaufre';
 export const Header = () => {
   const { t } = useTranslation();
   const { isSmallMobile } = useResponsiveStore();
+  const { themeTokens } = useCunninghamTheme();
+  const logo = themeTokens().logo;
 
   return (
     <Box
@@ -44,7 +47,21 @@ export const Header = () => {
               $height="fit-content"
               $margin={{ top: 'auto' }}
             >
-              <Image priority src={IconDocs} alt={t('Docs Logo')} width={25} />
+            <Box>
+              <Box $align="center" $gap="6rem" $direction="row">
+                {logo && (
+                  <Image
+                    priority
+                    src={logo.src}
+                    alt={logo.alt}
+                    width={0}
+                    height={0}
+                    style={{ width: logo.widthHeader, height: 'auto' }}
+                  />
+                )}
+              </Box>
+            </Box>
+            <Image priority src={IconDocs} alt={t('Docs Logo')} width={25} />
               <Text
                 $padding="2px 3px"
                 $size="8px"
@@ -53,8 +70,8 @@ export const Header = () => {
                 $position="absolute"
                 $radius="5px"
                 $css={`
-                  bottom: 13px;
-                  right: -17px;
+                  bottom: 20px;
+                  right: -20px;
                 `}
               >
                 BETA
@@ -64,7 +81,7 @@ export const Header = () => {
                 as="h2"
                 $color="#000091"
                 $zIndex={1}
-                $size="1.30rem"
+                $size="1.20rem"
                 $css="font-family: 'Marianne'"
               >
                 {t('Docs')}

src/frontend/apps/impress/src/i18n/translations.json

@@ -171,7 +171,7 @@
       "Copyright": "Urheberrecht",
       "Create a new document": "Neue Seite erstellen",
       "Create the document": "Seite erstellen",
-      "Created at": "Erstellt am",
+      "Created at": "Erstellt",
       "Current version": "Aktuelle Version",
       "Datagrid of the documents page {{page}}": "Datagrid der Seite {{page}}",
       "Defender of Rights - Free response - 71120 75342 Paris CEDEX 07": "Verteidiger der Rechte - Kostenlose Antwort - 71120 75342 Paris CEDEX 07",
@@ -181,7 +181,7 @@
       "Docs Description": "Beschreibung von Docs",
       "Docs Logo": "Docs-Logo",
       "Document icon": "Seitensymbol",
-      "Document name": "Name der Seite",
+      "Document name": "Titel",
       "Document version panel": "Seitenversionsfenster",
       "Documents": "Seiten",
       "Download": "Herunterladen",
@@ -254,7 +254,7 @@
       "Unless otherwise stated, all content on this site is under": "Sofern nicht anders angegeben, steht der gesamte Inhalt dieser Website unter",
       "Update document": "Seite aktualisieren",
       "Update document \"{{documentTitle}}\"": "Seite \"{{documentTitle}}\" aktualisieren",
-      "Updated at": "Aktualisiert am",
+      "Updated at": "Aktualisiert",
       "User {{email}} added to the document.": "Benutzer {{email}} wurde der Seite hinzugefügt.",
       "VERSIONS": "VERSIONEN",
       "Validate": "Bestätigen",
@@ -269,8 +269,8 @@
       "You don't have any document yet.": "Sie haben noch keine Seite.",
       "Your document \"{{docTitle}}\" has been saved.": "Ihre Seite \"{{docTitle}}\" wurde gespeichert.",
       "Your pdf was downloaded succesfully": "Ihr PDF wurde erfolgreich heruntergeladen",
-      "Your role": "Ihre Rolle",
-      "Your role:": "Ihre Rolle:",
+      "Your role": "Rolle",
+      "Your role:": "Rolle:",
       "accessibility-contact-defenseurdesdroits": "Kontaktieren Sie den Beauftragten für die Rechte des Bürgers in Ihrer Region",
       "accessibility-dinum-services": "<strong>DINUM</strong> verpflichtet sich, seine digitalen Dienste barrierefrei zu gestalten, gemäß Artikel 47 des Gesetzes Nr. 2005-102 vom 11. Februar 2005.",
       "accessibility-form-defenseurdesdroits": "Schreiben Sie eine Nachricht an den Beauftragten für die Rechte des Bürgers",

src/frontend/apps/impress/src/pages/docs/index.tsx

@@ -9,7 +9,7 @@ const Page: NextPageWithLayout = () => {
 };
 
 Page.getLayout = function getLayout(page: ReactElement) {
-  return <MainLayout>{page}</MainLayout>;
+  return <MainLayout withoutFooter>{page}</MainLayout>;
 };
 
 export default Page;

src/frontend/apps/impress/src/pages/offline/index.tsx

@@ -39,7 +39,7 @@ const Page: NextPageWithLayout = () => {
 };
 
 Page.getLayout = function getLayout(page: ReactElement) {
-  return <MainLayout>{page}</MainLayout>;
+  return <MainLayout withoutFooter>{page}</MainLayout>;
 };
 
 export default Page;