deck
deck copied to clipboard
nextcloud
"Settings" button using wrong UI
How to use GitHub
- Please use the 👍 reaction to show that you are affected by the same issue.
- Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
- Subscribe to receive notifications on status change and new comments.
Describe the bug The "Settings" button uses the wrong UI and the icon inside the button is not positioned properly.
To Reproduce Steps to reproduce the behavior:
- Open "Deck"
- See the settings button using the wrong UI
Expected behavior The settings button uses the same UI as other apps like Files or Contacts.
Screenshots Settings button of "Deck" - you can see it is in the form of a "pill", wrong icon and the icon is not positioned properly:
Settings button of "Files" - correct "button" shape and icon positioned in the right way:
Settings button of "Contacts" - correct "button" shape and icon positioned in the right way:
Client details:
- OS: Windows 11
- Browser - not relevant, happens in all browsers (Firefox, Chrome, Edge, Vivaldi, Safari)
Operating system: Ubuntu 24.04
Web server: Apache
Database: MariaDB
PHP version: PHP 8.4
Nextcloud version: 32.0.1
Where did you install Nextcloud from:
Signing status:
No errors have been found.
List of activated apps:
Enabled:
- activity: 5.0.0-dev.0
- admin_audit: 1.22.0
- app_api: 32.0.0
- bookmarks: 16.0.0
- bruteforcesettings: 5.0.0-dev.0
- calendar: 6.0.2
- circles: 32.0.0
- cloud_federation_api: 1.16.0
- collectives: 3.2.4
- comments: 1.22.0
- contacts: 8.0.5
- contactsinteraction: 1.13.1
- dav: 1.34.2
- deck: 1.16.0
- drawio: 3.1.2
- external: 7.0.0
- federatedfilesharing: 1.22.0
- federation: 1.22.0
- files: 2.4.0
- files_downloadlimit: 5.0.0-dev.0
- files_pdfviewer: 5.0.0-dev.0
- files_reminders: 1.5.0
- files_sharing: 1.24.0
- files_trashbin: 1.22.0
- files_versions: 1.25.0
- firstrunwizard: 5.0.0-dev.0
- flow_notifications: 3.0.0
- impersonate: 3.0.0
- logreader: 5.0.0-dev.0
- lookup_server_connector: 1.20.0
- memories: 7.7.0
- nextcloud_announcements: 4.0.0-dev.0
- notes: 4.12.3
- notifications: 5.0.0-dev.0
- oauth2: 1.20.0
- password_policy: 4.0.0-dev.0
- photos: 5.0.0-dev.1
- previewgenerator: 5.10.0
- privacy: 4.0.0-dev.0
- profile: 1.1.0
- provisioning_api: 1.22.0
- richdocuments: 9.0.1
- serverinfo: 4.0.0-dev.0
- settings: 1.15.1
- sharebymail: 1.22.0
- spreed: 22.0.2
- support: 4.0.0-dev.0
- survey_client: 4.0.0-dev.0
- systemtags: 1.22.0
- text: 6.0.1
- theming: 2.7.0
- theming_customcss: 1.19.0
- twofactor_backupcodes: 1.21.0
- twofactor_webauthn: 2.4.1
- updatenotification: 1.22.0
- viewer: 5.0.0-dev.0
- webhook_listeners: 1.3.0
- whiteboard: 1.4.0
- workflowengine: 2.14.0
Disabled:
- dashboard: 7.12.0 (installed 7.8.0)
- dicomviewer: 2.3.1 (installed 2.3.1)
- encryption: 2.20.0 (installed 2.13.0)
- files_external: 1.24.0 (installed 1.19.0)
- recommendations: 5.0.0-dev.0 (installed 0.4.0)
- related_resources: 3.0.0-dev.0 (installed 1.1.0-alpha1)
- suspicious_login: 10.0.0-dev.0
- twofactor_nextcloud_notification: 6.0.0-dev.0
- twofactor_totp: 14.0.0
- user_ldap: 1.23.0
- user_status: 1.12.0 (installed 1.5.0)
- weather_status: 1.12.0 (installed 1.3.0)
Nextcloud configuration:
{
"system": {
"instanceid": "***REMOVED SENSITIVE VALUE***",
"passwordsalt": "***REMOVED SENSITIVE VALUE***",
"secret": "***REMOVED SENSITIVE VALUE***",
"trusted_domains": [
"***REMOVED SENSITIVE VALUE***"
],
"datadirectory": "***REMOVED SENSITIVE VALUE***",
"skeletondirectory": "",
"overwrite.cli.url": "***REMOVED SENSITIVE VALUE***",
"dbtype": "mysql",
"version": "32.0.1.2",
"installed": true,
"htaccess.RewriteBase": "\/",
"maintenance": false,
"dbname": "***REMOVED SENSITIVE VALUE***",
"dbhost": "***REMOVED SENSITIVE VALUE***",
"dbuser": "***REMOVED SENSITIVE VALUE***",
"dbpassword": "***REMOVED SENSITIVE VALUE***",
"dbpersistent": true,
"memcache.local": "\\OC\\Memcache\\APCu",
"memcache.distributed": "\\OC\\Memcache\\Redis",
"filelocking.enabled": true,
"memcache.locking": "\\OC\\Memcache\\Redis",
"redis": {
"host": "***REMOVED SENSITIVE VALUE***",
"port": 0,
"dbindex": 0
},
"knowledgebaseenabled": false,
"theme": "",
"simpleSignUpLink.shown": false,
"loglevel": 2,
"log_authfailip": true,
"mysql.utf8mb4": true,
"mail_from_address": "***REMOVED SENSITIVE VALUE***",
"mail_domain": "***REMOVED SENSITIVE VALUE***",
"mail_smtpmode": "sendmail",
"mail_smtphost": "***REMOVED SENSITIVE VALUE***",
"mail_smtpsecure": "ssl",
"mail_smtpname": "***REMOVED SENSITIVE VALUE***",
"mail_smtppassword": "***REMOVED SENSITIVE VALUE***",
"updater.release.channel": "stable",
"trashbin_retention_obligation": "auto, 30",
"versions_retention_obligation": "auto, 180",
"has_rebuilt_cache": true,
"default_language": "de",
"default_phone_region": "DE",
"check_data_directory_permissions": false,
"log_rotate_size": 52428800,
"profile.enabled": false,
"preview_max_x": 1920,
"preview_max_y": 1920,
"mail_sendmailmode": "smtp",
"mail_smtpauth": true,
"mail_smtpport": "465",
"trusted_proxies": "***REMOVED SENSITIVE VALUE***",
"auth.bruteforce.protection.enabled": true,
"ratelimit.protection.enabled": true,
"reference_opengraph": true,
"integrity.check.disabled": false,
"defaultapp": "files",
"maintenance_window_start": 2,
"apps_paths": [
{
"path": "\/var\/www\/nextcloud\/apps",
"url": "\/apps",
"writable": true
}
],
"app_install_overwrite": [],
"forbidden_filename_basenames": [
"con",
"prn",
"aux",
"nul",
"com0",
"com1",
"com2",
"com3",
"com4",
"com5",
"com6",
"com7",
"com8",
"com9",
"com\u00b9",
"com\u00b2",
"com\u00b3",
"lpt0",
"lpt1",
"lpt2",
"lpt3",
"lpt4",
"lpt5",
"lpt6",
"lpt7",
"lpt8",
"lpt9",
"lpt\u00b9",
"lpt\u00b2",
"lpt\u00b3"
],
"forbidden_filename_characters": [
"<",
">",
":",
"\"",
"|",
"?",
"*",
"\\",
"\/"
],
"forbidden_filename_extensions": [
" ",
".",
".filepart",
".part"
],
"memories.db.triggers.fcu": true,
"memories.exiftool": "\/var\/www\/nextcloud\/apps\/memories\/bin-ext\/exiftool-amd64-glibc",
"memories.vod.path": "\/var\/www\/nextcloud\/apps\/memories\/bin-ext\/go-vod-amd64",
"memories.index.path.blacklist": "***REMOVED SENSITIVE VALUE***",
"enabledPreviewProviders": [
"OC\\Preview\\PNG",
"OC\\Preview\\JPEG",
"OC\\Preview\\GIF",
"OC\\Preview\\HEIC",
"OC\\Preview\\BMP",
"OC\\Preview\\XBitmap",
"OC\\Preview\\MP3",
"OC\\Preview\\TXT",
"OC\\Preview\\MarkDown",
"OC\\Preview\\Movie",
"OC\\Preview\\MKV",
"OC\\Preview\\MP4",
"OC\\Preview\\AVI",
"OC\\Preivew\\PDF",
"OC\\Preview\\Imaginary"
],
"dbtableprefix": "oc_",
"memories.gis_type": 1,
"memories.vod.ffmpeg": "\/usr\/bin\/ffmpeg",
"memories.vod.ffprobe": "\/usr\/bin\/ffprobe",
"enable_previews": true,
"preview_imaginary_url": "***REMOVED SENSITIVE VALUE***"
}
}
Are you using an external user-backend, if yes which one: no
My current workaround to fix this is the following custom CSS:
.app-deck .settings-button {
border-radius: var(--border-radius-element, var(--border-radius-pill)) !important;
}
.app-deck .settings-button__icon {
padding-left: 4px;
padding-top: 4px;
opacity: 1 !important;
}
However it would be better when the markup would follow the way how it is done in the Nexcloud core apps like "Files".