-
Notifications
You must be signed in to change notification settings - Fork 109
Refactor document status and menubar padding #7130
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## main #7130 +/- ##
==========================================
+ Coverage 51.83% 51.85% +0.02%
==========================================
Files 479 479
Lines 41488 41510 +22
Branches 1002 1002
==========================================
+ Hits 21504 21526 +22
Misses 19879 19879
Partials 105 105 ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
0ff0401 to
8d43fb1
Compare
|
/backport to stable31 |
8d43fb1 to
cc5fef4
Compare
Move DocumentStatus into parent container to do so. Fixes stickyness of document status if editor does not have the full app content height, e.g. in Collectives or Deck. Signed-off-by: Jonas <[email protected]>
Fixes stickyness of menubar when editor does not have the full app height, e.g. in Collectives and Deck. Fixes: nextcloud/collectives#1704 Signed-off-by: Jonas <[email protected]>
cc5fef4 to
e7d5527
Compare
Signed-off-by: Jonas <[email protected]>
Fixes "[Vue warn]: Property or method "lock" is not defined on the instance but referenced during render." Signed-off-by: Jonas <[email protected]>
Make sure that document status and collision resolve dialog stay visible when scrolling down long documents. Signed-off-by: Jonas <[email protected]>
e7d5527 to
e270905
Compare
…overflow Signed-off-by: Jonas <[email protected]>
|
I again did extensive testing to find possible regressions and added another fix concerning mobile view with menubar at the bottom. This is the test matrix I went through: ✔️ = no problems
|
Scrollbar on mobileI'm now seeing a scrollbar on short documents in chromium and if a message is displayed the scrollable area becomes higher: Bildschirmaufzeichnung.vom.2025-04-30.08-56-34.mp4Positioning on standalone (Chromium)(Not sure this is an issue...) |
Use flexbox layout instead of height `100%` to avoid issues where editor is embedded into other apps and doesn't take full height. Signed-off-by: Jonas <[email protected]>
Signed-off-by: Jonas <[email protected]>
We want the border to separate document content and menubar. So when we display the menubar at the bottom on mobile, the menubar border should be on top, not bottom of it. Signed-off-by: Jonas <[email protected]>
I spent some time trying to figure out where the extra 8px came from that created the scrollbar even with short content on mobile. In the end this seems like an acceptable workaround for now. Signed-off-by: Jonas <[email protected]>
a6c93ef to
87f2ddf
Compare
Fixed this by using flexbox layout and
Both also fixed now. |

📝 Summary
lockto data🏁 Checklist
npm run lint/npm run stylelint/composer run cs:check)