notes
notes copied to clipboard
nextcloud
Layout issues with NC 30.0.1
The layout of the Notes app has some issues with NC 30.0.1
Steps to reproduce
- Install Nextcloud 30.0.1
- Install Notes
- See the issues when using Notes: button "+ New note" is within a scrollable element, menubar is without any padding and does not look like in the regular text editor
Expected behaviour
There are no layout issues.
Actual behaviour
There are layout issues
Screenshots
Button for "+New note" shows a scroll bar:
And you can even scroll it up:
Menu bar of "Notes" editor:
And this is how it looks like in Nextcloud text editor - there is a slight margin around the buttons:
Server
Please complete the following information.
- Notes app version: 4.11.0
- Nextcloud version: 30.0.1
- OS: Ubuntu 22.04.4 LTS
- Web server: Apache 2.4
- PHP version: PHP 8.3.12
- Database: MariaDB 15.1
Nextcloud configuration:
```
{
"system": {
"htaccess.RewriteBase": "\/",
"instanceid": "***REMOVED SENSITIVE VALUE***",
"passwordsalt": "***REMOVED SENSITIVE VALUE***",
"secret": "***REMOVED SENSITIVE VALUE***",
"trusted_domains": [
"nextcloud-dev.0x0c.de"
],
"datadirectory": "***REMOVED SENSITIVE VALUE***",
"dbtype": "mysql",
"version": "30.0.1.2",
"overwrite.cli.url": "https:\/\/nextcloud-dev.0x0c.de\/",
"dbname": "***REMOVED SENSITIVE VALUE***",
"dbhost": "***REMOVED SENSITIVE VALUE***",
"dbport": "",
"dbtableprefix": "oc_",
"mysql.utf8mb4": true,
"dbuser": "***REMOVED SENSITIVE VALUE***",
"dbpassword": "***REMOVED SENSITIVE VALUE***",
"installed": true,
"integrity.check.disabled": false,
"maintenance": false,
"loglevel": 2,
"theme": "",
"app_install_overwrite": [
"keeweb"
]
},
"apps": {
"activity": {
"enabled": "yes",
"installed_version": "3.0.0",
"types": "filesystem"
},
"app_api": {
"enabled": "yes",
"installed_version": "4.0.0",
"types": ""
},
"backgroundjob": {
"lastjob": "1"
},
"bruteforcesettings": {
"enabled": "yes",
"installed_version": "3.0.0",
"types": ""
},
"calendar": {
"enabled": "yes",
"installed_version": "5.0.1",
"types": ""
},
"circles": {
"enabled": "yes",
"installed_version": "30.0.0-dev",
"loopback_tmp_path": "\/",
"loopback_tmp_scheme": "https",
"maintenance_run": "0",
"maintenance_update": "{\"3\":1729408202,\"2\":1729411802,\"1\":1729411802}",
"migration_22": "1",
"migration_run": "0",
"types": "filesystem,dav"
},
"cloud_federation_api": {
"enabled": "yes",
"installed_version": "1.13.0",
"types": "filesystem"
},
"collectives": {
"enabled": "yes",
"installed_version": "2.14.4",
"types": "filesystem"
},
"comments": {
"enabled": "yes",
"installed_version": "1.20.1",
"types": "logging"
},
"contactsinteraction": {
"enabled": "yes",
"installed_version": "1.11.0",
"types": "dav"
},
"core": {
"backgroundjobs_mode": "cron",
"files_metadata_installed": "1",
"installedat": "1704408150.8369",
"lastcron": 1729411802,
"lastupdateResult": "[]",
"lastupdatedat": 1729411813,
"metadataGenerationDone": true,
"moveavatarsdone": "yes",
"previewsCleanedUp": "1",
"public_files": "files_sharing\/public.php",
"public_webdav": "dav\/appinfo\/v1\/publicwebdav.php",
"vendor": "nextcloud",
"files_metadata": {
"photos-original_date_time": {
"value": null,
"type": "int",
"etag": "",
"indexed": true,
"editPermission": 0
},
"photos-exif": {
"value": null,
"type": "array",
"etag": "",
"indexed": false,
"editPermission": 0
},
"photos-ifd0": {
"value": null,
"type": "array",
"etag": "",
"indexed": false,
"editPermission": 0
},
"photos-size": {
"value": null,
"type": "array",
"etag": "",
"indexed": false,
"editPermission": 0
},
"blurhash": {
"value": null,
"type": "string",
"etag": "41dc53f5cb1118dd2ccba5aa9f833134",
"indexed": false,
"editPermission": 0
}
},
"oc.integritycheck.checker": []
},
"dashboard": {
"enabled": "yes",
"installed_version": "7.10.0",
"types": ""
},
"dav": {
"buildCalendarReminderIndex": "yes",
"buildCalendarSearchIndex": "yes",
"chunks_migrated": "1",
"enabled": "yes",
"installed_version": "1.31.1",
"regeneratedBirthdayCalendarsForYearFix": "yes",
"types": "filesystem"
},
"deck": {
"enabled": "yes",
"installed_version": "1.14.1",
"types": "dav"
},
"drawio": {
"enabled": "no",
"installed_version": "3.0.3",
"types": "filesystem"
},
"federatedfilesharing": {
"enabled": "yes",
"installed_version": "1.20.0",
"types": ""
},
"federation": {
"enabled": "yes",
"installed_version": "1.20.0",
"types": "authentication"
},
"files": {
"enabled": "yes",
"installed_version": "2.2.0",
"mimetype_version": "30.0.0.14",
"types": "filesystem",
"watermark_enabled": "no"
},
"files_downloadlimit": {
"enabled": "yes",
"installed_version": "3.0.0",
"types": ""
},
"files_pdfviewer": {
"enabled": "yes",
"installed_version": "3.0.0",
"types": ""
},
"files_reminders": {
"enabled": "yes",
"installed_version": "1.3.0",
"types": ""
},
"files_sharing": {
"enabled": "yes",
"installed_version": "1.22.0",
"types": "filesystem"
},
"files_trashbin": {
"enabled": "yes",
"installed_version": "1.20.1",
"types": "filesystem,dav"
},
"files_versions": {
"enabled": "yes",
"installed_version": "1.23.0",
"types": "filesystem,dav"
},
"firstrunwizard": {
"enabled": "yes",
"installed_version": "3.0.0",
"types": "logging"
},
"keeweb": {
"enabled": "yes",
"installed_version": "0.6.20",
"types": ""
},
"logreader": {
"enabled": "yes",
"installed_version": "3.0.0",
"types": "logging"
},
"lookup_server_connector": {
"enabled": "yes",
"installed_version": "1.18.0",
"types": "authentication"
},
"nextcloud_announcements": {
"enabled": "yes",
"installed_version": "2.0.0",
"pub_date": "Thu, 24 Oct 2019 00:00:00 +0200",
"types": "logging"
},
"notes": {
"enabled": "yes",
"installed_version": "4.11.0",
"types": ""
},
"notifications": {
"enabled": "yes",
"installed_version": "3.0.0",
"types": "logging"
},
"oauth2": {
"enabled": "yes",
"installed_version": "1.18.1",
"types": "authentication"
},
"onlyoffice": {
"DocumentServerInternalUrl": "",
"DocumentServerUrl": "https:\/\/onlyoffice-dev.0x0c.de\/",
"StorageUrl": "",
"advanced": "false",
"customizationChat": "false",
"customizationCompactHeader": "true",
"customizationFeedback": "false",
"customizationForcesave": "true",
"customizationHelp": "true",
"customizationReviewDisplay": "original",
"customizationTheme": "theme-classic-light",
"customizationToolbarNoTabs": "false",
"customization_macros": "true",
"customization_plugins": "true",
"defFormats": "{\"csv\":\"false\",\"doc\":\"false\",\"docm\":\"false\",\"docx\":\"true\",\"docxf\":\"true\",\"oform\":\"true\",\"dotx\":\"false\",\"epub\":\"false\",\"html\":\"false\",\"odp\":\"true\",\"ods\":\"true\",\"odt\":\"true\",\"otp\":\"false\",\"ots\":\"false\",\"ott\":\"false\",\"pdf\":\"false\",\"potm\":\"false\",\"potx\":\"false\",\"ppsm\":\"false\",\"ppsx\":\"false\",\"ppt\":\"false\",\"pptm\":\"false\",\"pptx\":\"true\",\"rtf\":\"false\",\"txt\":\"false\",\"xls\":\"false\",\"xlsm\":\"false\",\"xlsx\":\"true\",\"xltm\":\"false\",\"xltx\":\"false\"}",
"demo": "{\"available\":true,\"enabled\":false,\"start\":{\"date\":\"2024-01-11 08:10:30.493623\",\"timezone_type\":3,\"timezone\":\"UTC\"}}",
"editFormats": "{\"csv\":\"true\",\"odp\":\"false\",\"ods\":\"false\",\"odt\":\"false\",\"rtf\":\"false\",\"txt\":\"true\"}",
"enabled": "no",
"groups": "[]",
"installed_version": "9.2.0",
"jwt_header": "",
"jwt_secret": "***REMOVED SENSITIVE VALUE***",
"preview": "true",
"protection": "owner",
"sameTab": "true",
"settings_error": "cURL error 6: Could not resolve host: onlyoffice-dev.0x0c.de (see https:\/\/curl.haxx.se\/libcurl\/c\/libcurl-errors.html) for https:\/\/onlyoffice-dev.0x0c.de\/healthcheck",
"types": "prevent_group_restriction",
"verify_peer_off": "false",
"versionHistory": "true"
},
"password_policy": {
"enabled": "yes",
"installed_version": "2.0.0",
"types": "authentication"
},
"photos": {
"enabled": "yes",
"installed_version": "3.0.2",
"lastPlaceMappedUser": "arno",
"lastPlaceMappingDone": "true",
"types": "dav,authentication"
},
"privacy": {
"enabled": "yes",
"installed_version": "2.0.0",
"types": ""
},
"provisioning_api": {
"enabled": "yes",
"installed_version": "1.20.0",
"types": "prevent_group_restriction"
},
"recommendations": {
"enabled": "no",
"installed_version": "2.0.0",
"types": ""
},
"related_resources": {
"enabled": "yes",
"installed_version": "1.5.0",
"types": ""
},
"richdocuments": {
"disable_certificate_verification": "yes",
"enabled": "no",
"installed_version": "8.4.2",
"public_wopi_url": "https:\/\/nextcloud-dev.0x0c.de",
"types": "prevent_group_restriction",
"wopi_allowlist": "185.228.137.159",
"wopi_url": "https:\/\/nextcloud-dev.0x0c.de\/apps\/richdocumentscode\/proxy.php?req="
},
"richdocumentscode": {
"enabled": "no",
"installed_version": "24.4.201",
"types": ""
},
"serverinfo": {
"cached_count_filecache": "899",
"cached_count_storages": "3",
"enabled": "yes",
"installed_version": "2.0.0",
"types": ""
},
"settings": {
"enabled": "yes",
"installed_version": "1.13.0",
"types": ""
},
"sharebymail": {
"enabled": "yes",
"installed_version": "1.20.0",
"types": "filesystem"
},
"support": {
"SwitchUpdaterServerHasRun": "yes",
"enabled": "yes",
"installed_version": "2.0.0",
"types": "session"
},
"survey_client": {
"enabled": "yes",
"installed_version": "2.0.0",
"types": ""
},
"systemtags": {
"enabled": "yes",
"installed_version": "1.20.0",
"types": "logging"
},
"tables": {
"enabled": "no",
"installed_version": "0.6.6",
"types": ""
},
"text": {
"enabled": "yes",
"installed_version": "4.1.0",
"types": "dav"
},
"theming": {
"enabled": "yes",
"installed_version": "2.5.0",
"types": "logging"
},
"twofactor_backupcodes": {
"enabled": "yes",
"installed_version": "1.19.0",
"types": ""
},
"unroundedcorners": {
"enabled": "no",
"installed_version": "1.1.4",
"types": ""
},
"updatenotification": {
"calendar": "5.0.1",
"collectives": "2.14.4",
"core": "30.0.1.2",
"enabled": "yes",
"installed_version": "1.20.0",
"keeweb": "0.6.20",
"onlyoffice": "9.2.0",
"tables": "0.6.6",
"types": "",
"update_check_errors": "0"
},
"user_status": {
"enabled": "yes",
"installed_version": "1.10.0",
"types": ""
},
"viewer": {
"enabled": "yes",
"installed_version": "3.0.0",
"types": ""
},
"weather_status": {
"enabled": "yes",
"installed_version": "1.10.0",
"types": ""
},
"webhook_listeners": {
"enabled": "yes",
"installed_version": "1.1.0-dev",
"types": "filesystem"
},
"workflowengine": {
"enabled": "yes",
"installed_version": "2.12.0",
"types": "filesystem"
}
}
}```
Client
- Browser (incl. version): Vivaldi 6.9.3447.54, Firefox 131.0.3, Chrome, Edge - it happens with all of them
- OS: Windows 11
Log files
Thank you @arnowelzel for reporting!
We will take this bugs on our list!
Any updates on this? Nextcloud 32 is released now and these bugs still exist. Do you need help with that?
Scrollbar where it should not be:
Toolbar without any margin at all at the top/bottom:
Just in case - these are my CustomCSS rules to fix these issues on my production Nextcloud instance. This works with NC 31 as well as with NC 32:
/* Notes: Fix "+ New note " button not to scroll */
.app-notes .app-navigation__body {
overflow-y: hidden !important;
}
/* Notes: Fix top toolbar in editor */
.app-notes .text-menubar {
margin-top: 8px !important;
padding-bottom: 10px !important;
padding-right: 16px;
}
@juliusknorr FYI since this is "In progress" but not sure it is part of the planning board? @JuliaKirschenheuter any update? :)
