Top titlebar is too high and leaving a gap to the bar below

[arnowelzel]

Describe the bug
The title bar is positioned too high and thus leaving a blank space to the next line where the content is displayed when scrolling a page up.

To Reproduce
Steps to reproduce the behavior:

1. Create a page.
2. Add enough content that scrolling is neccessary.
3. Scroll the page up
4. See the text from the page displayed partly between the top title bar and the document info/edit bar.

Expected behavior
The title bar is positioned correctly.

Screenshots

Page in view mode:

Page in edit mode:

Server details:

• Collectives app version: 2.13.0
• Nextcloud version: 29.0.3
• PHP Version: 8.3
• Database: MariaDB 10.6

Client details:

• OS: Windows 11
• Browser: Firefox, Chrome, Vivaldi, Edge
• Browser version: latest versions as of 2024-08-18
• Device: desktop

Logs

Nextcloud log (data/nextcloud.log)

(not relevant)

Browser log

[mejo-]

Hey @arnowelzel, thanks for the report. This got fixed with the latest 2.14.0 release of Collectives.

[arnowelzel]

Ok, there is no visible text any longer. But the bar is still higher as it should be. In older versions, there was an 8px padding to the top, now it still looks like the bar is nearly stuck at the top border - this is the original reason, why the text was visible at all:

Just moving that to to 8px padding from the top would have fixed it as well.

For comparison - the "Search" box on the left is also not that close to the border:

I fixed this by applying a custom style in my own instance:

.app-collectives #titleform {
  padding-top: 8px !important
}

Result:

[mejo-]

Thanks @arnowelzel. The reason for the title bar being too close to the top header bar is some refactoring that was necessary for the Nextcloud 30 design changes. I've pushed a fix in #1430.