From 5afdba1ae9807f96f85bd9b46ae8951faef3c738 Mon Sep 17 00:00:00 2001 From: Nathan Panchout Date: Tue, 30 Jun 2026 16:05:12 +0200 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(frontend)=20add=20a=20docs=20logo=20w?= =?UTF-8?q?atermark=20to=20presentations?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Show a monochrome Docs logo in the slide corner (web and PDF) to signal the document was made with Docs. Closes #2472 --- .../doc-presenter/assets/logo-docs-mono.svg | 10 ++++++++ .../components/PresenterDocsLogo.tsx | 23 +++++++++++++++++++ .../components/PresenterOverlay.tsx | 12 ++++++++++ 3 files changed, 45 insertions(+) create mode 100644 src/frontend/apps/impress/src/features/docs/doc-presenter/assets/logo-docs-mono.svg create mode 100644 src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterDocsLogo.tsx diff --git a/src/frontend/apps/impress/src/features/docs/doc-presenter/assets/logo-docs-mono.svg b/src/frontend/apps/impress/src/features/docs/doc-presenter/assets/logo-docs-mono.svg new file mode 100644 index 000000000..0fbf6c8d1 --- /dev/null +++ b/src/frontend/apps/impress/src/features/docs/doc-presenter/assets/logo-docs-mono.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterDocsLogo.tsx b/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterDocsLogo.tsx new file mode 100644 index 000000000..f690c8abe --- /dev/null +++ b/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterDocsLogo.tsx @@ -0,0 +1,23 @@ +import { css } from 'styled-components'; + +import { Box } from '@/components'; + +import LogoDocsMonoSVG from '../assets/logo-docs-mono.svg'; + +const logoCss = css` + width: 80px; + height: 32px; + pointer-events: none; + + svg { + display: block; + width: 80px; + height: 32px; + } +`; + +export const PresenterDocsLogo = () => ( + +); diff --git a/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterOverlay.tsx b/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterOverlay.tsx index 62ff2d9f8..6af010073 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterOverlay.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterOverlay.tsx @@ -16,6 +16,7 @@ import { usePresenterShortcuts } from '../hooks/usePresenterShortcuts'; import { getSlideTitle, useSlides } from '../hooks/useSlides'; import { PresenterBlock, PresenterSlideData } from '../types'; +import { PresenterDocsLogo } from './PresenterDocsLogo'; import { PresenterFloatingBar } from './PresenterFloatingBar'; import { PresenterSlide } from './PresenterSlide'; @@ -44,6 +45,13 @@ const slideAreaCss = css` background: white; `; +const docsLogoCss = css` + position: fixed; + bottom: 1rem; + left: 1rem; + z-index: 1; +`; + export const PresenterOverlay = ({ doc, onClose, @@ -197,6 +205,10 @@ export const PresenterOverlay = ({ ))} + + + +