nextcloud / nextcloud/notes

Notes tool pill is obfuscated by nextcloud padding

Open
#1,778 0 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug need to reproduce
Dominant language
JavaScript
Stars
738
Forks
162
Avg merge
6h 2m
Merged PRs (30d)
35

Description

when nextcloud web starts using the more consolidated notes mode the tool pill that is used rather than a bar on top is obfuscated by the padding of nextcloud itself not accounting for margins of the overall page making it near unusable.

Steps to reproduce

1.shrink browser while a note is opened until in enters the more streamlined mode
2. you can see the toolbar at the top is now a pill on the bottom being covered up.

Expected behaviour

Same thing can happen we just want to add some more bottom padding so its higher

Actual behaviour

tool pill is being covered by nextcloud padding.

Screenshots
Image

Server

Please complete the following information.

  • Notes app version: - notes: 4.13.0
  • Nextcloud version: 33.0.0.16
  • OS: DEBIAN_VERSION_FULL=13.3
  • Web server: Server version: Apache/2.4.66 (Debian)
    Server built: 2025-12-05T18:52:34
  • PHP version: PHP 8.4.18
  • Database: "dbtype": "mysql",

Client

this confirm happens on brave browser and mozilla firefox

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue in the Notes web interface, shrinking the browser while a note is open until the toolbar becomes a pill. Locate the responsive toolbar styling and adjust the bottom spacing so the pill is fully visible, then verify the behavior in Brave and Firefox at the affected size.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.