From 0fd16b4371b433494a29bafccb68325c96499a04 Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Wed, 11 Jun 2025 13:06:27 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20add=20spacing=20bottom?=
 =?UTF-8?q?=20on=20editor?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

We add spacing bottom on editor to
avoid the last editing line being to close to
the bottom.
---
 .../src/features/docs/doc-editor/components/DocEditor.tsx    | 5 -----
 .../apps/impress/src/features/docs/doc-editor/styles.tsx     | 1 +
 2 files changed, 1 insertion(+), 5 deletions(-)

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 6f07096e..00be0a91 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
@@ -5,7 +5,6 @@ import { css } from 'styled-components';
 import * as Y from 'yjs';
 
 import { Box, Text, TextErrors } from '@/components';
-import { useCunninghamTheme } from '@/cunningham';
 import { DocHeader, DocVersionHeader } from '@/docs/doc-header/';
 import {
   Doc,
@@ -26,9 +25,6 @@ interface DocEditorProps {
 export const DocEditor = ({ doc, versionId }: DocEditorProps) => {
   const { isDesktop } = useResponsiveStore();
   const isVersion = !!versionId && typeof versionId === 'string';
-
-  const { colorsTokens } = useCunninghamTheme();
-
   const { provider } = useProviderStore();
 
   if (!provider) {
@@ -66,7 +62,6 @@ export const DocEditor = ({ doc, versionId }: DocEditorProps) => {
         </Box>
 
         <Box
-          $background={colorsTokens['primary-bg']}
           $direction="row"
           $width="100%"
           $css="overflow-x: clip; flex: 1;"
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 a21008c2..f24cd952 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
@@ -5,6 +5,7 @@ export const cssEditor = (readonly: boolean) => css`
   & > .bn-container,
   & .ProseMirror {
     height: 100%;
+    padding-bottom: 2rem;
 
     img.bn-visual-media[src*='-unsafe'] {
       pointer-events: none;