From bce8bb923beb7a2a35ab8f11b561c2d2c2d991b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9o=20Poizat?= <hello@zatteo.com>
Date: Mon, 29 Sep 2025 10:54:26 +0200
Subject: [PATCH 1/2] fix: Note editor top bar not visible

In recent cozy-bar and cozy-ui updates, we changed the way the
cozy-bar is displayed. Because of this, the top bar in editor mode
was not visible anymore on mobile.
---
 src/components/header_menu.jsx  | 2 +-
 src/components/header_menu.styl | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/header_menu.jsx b/src/components/header_menu.jsx
index 262430cd..634cb10e 100644
--- a/src/components/header_menu.jsx
+++ b/src/components/header_menu.jsx
@@ -39,7 +39,7 @@ const HeaderMenu = ({
   const { filename } = models.file.splitFilename(file.attributes)
 
   return (
-    <header>
+    <header className={styles['header']}>
       <div className={styles['header-menu']}>
         <WithBreakpoints hideOn={Breakpoints.Mobile}>
           <AppLinker app={{ slug: Slugs.Home }} href={homeHref}>
diff --git a/src/components/header_menu.styl b/src/components/header_menu.styl
index 4c0a5aa7..0dd6c3d3 100644
--- a/src/components/header_menu.styl
+++ b/src/components/header_menu.styl
@@ -1,11 +1,15 @@
 @require 'settings/breakpoints.styl'
 
+.header
+    position fixed // To be above the cozy-bar
+    z-index calc(var(--zIndex-bar) + 1) // To be above the cozy-bar
+    width 100%
+
 .header-menu
     align-items center
     box-shadow var(--shadow1)
     display flex
     padding 0.5rem 1rem 0.5rem 0
-    position relative
     z-index var(--zIndex-low) // Needed for the drop-shadow to be above the editor area
 
     +small-screen('min')

From 3516f99c28810128e077966f7a7743c215ba1b0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9o=20Poizat?= <hello@zatteo.com>
Date: Mon, 29 Sep 2025 10:55:30 +0200
Subject: [PATCH 2/2] fix: Always see editor toolbar

When the keyboard is hidden on mobile, we sometime do not see the
editor toolbar because the height is not correct.
---
 src/components/notes/editor-view.styl | 2 +-
 src/styles/index.css                  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/notes/editor-view.styl b/src/components/notes/editor-view.styl
index 59b03aa6..f9ea1f47 100644
--- a/src/components/notes/editor-view.styl
+++ b/src/components/notes/editor-view.styl
@@ -10,7 +10,7 @@ $COZY_BAR_HEIGHT=-3rem
 .note-article
     display flex
     flex-direction column
-    height 100%
+    height calc(100% + 3rem) // To keep a 100% height even with the negative margin-top
     width 100%
 
     &:not(.note-article--intents)
diff --git a/src/styles/index.css b/src/styles/index.css
index 898c1ff3..425049c6 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -69,6 +69,7 @@ html .akEditor>div:first-child {
 
 .note-editor-container {
     overflow: hidden;
+    margin-top: 3rem; /* To go below the toolbar which is fixed */
 }
 
 /* prose mirror toolbar in the upper bar */