Menu bar shows overlay when using RichDocument or Gallery

[X4LD1M0]

Steps to reproduce

1. Edit a document in Collabora or View folder in Gallery mode

Expected behaviour

Normal view with same colour for the menu bar

Actual behaviour

The menu bar shows some overlay which changes partly the colour of icons and background:

I know it is vague but the 2 right icons and background have a different colour compared to the left part.

I have found that if I disable "height: 44px" from the "appmenu" style it shows it correctly (as shown in Expected behaviour)

I found it in "nextcloud/core/css/header.scss" line 455 is adds the height. When I remove this line (and clear the cache) it shows the menu bar as normal. It also pushes the icons up 1 pixel, making the indicator arrow aligned with the bottom of the menu bar.

Server configuration

Operating system: Debian 8

Web server: Apace 2.4.18

Database: MySQL 5.5.53

PHP version: 7.0.22

Nextcloud version: 12.0.4

Updated from an older Nextcloud/ownCloud or fresh install: Update from 12.0.3

Where did you install Nextcloud from: CLI

Signing status:

Signing status

No errors have been found.

List of activated apps:

App list

Enabled:
  - activity: 2.5.2
  - admin_audit: 1.2.0
  - announcementcenter: 3.1.1
  - appvncsafe: 1.1.2
  - bookmarks: 0.10.1
  - bruteforcesettings: 1.0.3
  - comments: 1.2.0
  - dav: 1.3.0
  - deck: 0.2.8
  - federatedfilesharing: 1.2.0
  - federation: 1.2.0
  - files: 1.7.2
  - files_accesscontrol: 1.2.5
  - files_automatedtagging: 1.2.2
  - files_downloadactivity: 1.1.1
  - files_external: 1.3.0
  - files_pdfviewer: 1.1.1
  - files_retention: 1.1.2
  - files_sharing: 1.4.0                                                                                                                                                                                                                    
  - files_texteditor: 2.4.1                                                                                                                                                                                                                 
  - files_trashbin: 1.2.0                                                                                                                                                                                                                   
  - files_versions: 1.5.0                                                                                                                                                                                                                   
  - files_videoplayer: 1.1.0                                                                                                                                                                                                                
  - firstrunwizard: 2.1                                                                                                                                                                                                                     
  - gallery: 17.0.0                                                                                                                                                                                                                         
  - logreader: 2.0.0                                                                                                                                                                                                                        
  - lookup_server_connector: 1.0.0                                                                                                                                                                                                          
  - nextcloud_announcements: 1.1                                                                                                                                                                                                            
  - notifications: 2.0.0                                                                                                                                                                                                                    
  - oauth2: 1.0.5                                                                                                                                                                                                                           
  - onlyoffice: 1.1.6                                                                                                                                                                                                                       
  - passman: 2.1.4                                                                                                                                                                                                                          
  - password_policy: 1.2.2                                                                                                                                                                                                                  
  - previewgenerator: 1.0.9                                                                                                                                                                                                                 
  - provisioning_api: 1.2.0                                                                                                                                                                                                                 
  - richdocuments: 1.12.39                                                                                                                                                                                                                  
  - serverinfo: 1.2.0                                                                                                                                                                                                                       
  - sharebymail: 1.2.0                                                                                                                                                                                                                      
  - socialsharing_email: 1.0.3                                                                                                                                                                                                              
  - socialsharing_facebook: 1.0.2                                                                                                                                                                                                           
  - spreed: 2.0.2                                                                                                                                                                                                                           
  - survey_client: 1.0.0                                                                                                                                                                                                                    
  - systemtags: 1.2.0
  - theming: 1.3.0
  - twofactor_backupcodes: 1.1.1
  - updatenotification: 1.2.0
  - workflowengine: 1.2.0
Disabled:
  - encryption
  - user_external
  - user_ldap

Nextcloud configuration:

Config report

{
    "system": {
        "instanceid": "occ3bgzu13dp",
        "passwordsalt": "***REMOVED SENSITIVE VALUE***",
        "secret": "***REMOVED SENSITIVE VALUE***",
        "trusted_domains": [
            "cloud.wijman.net"
        ],
        "forwarded_for_headers": [
            "HTTP_X_FORWARDED",
            "HTTP_FORWARDED_FOR",
            "X-Forwarded-For"
        ],
        "datadirectory": "\/media\/nextcloud",
        "overwrite.cli.url": "https:\/\/cloud.domain.tld",
        "dbtype": "mysql",
        "version": "12.0.4.3",
        "dbname": "nextcloud_stable",
        "dbhost": "192.168.7.244",
        "dbtableprefix": "nc_",
        "dbuser": "***REMOVED SENSITIVE VALUE***",
        "dbpassword": "***REMOVED SENSITIVE VALUE***",
        "logtimezone": "UTC",
        "installed": true,
        "trusted_proxies": [
            "192.168.7.241",
            "192.168.7.245"
        ],
        "overwriteprotocol": "https",
        "overwritehost": "cloud.domain.tld",
        "overwritewebroot": "\/",
        "mail_from_address": "cloud",
        "mail_smtpmode": "smtp",
        "mail_domain": "wijman.net",
        "memcache.local": "\\OC\\Memcache\\Redis",
        "filelocking.enabled": true,
        "memcache.locking": "\\OC\\Memcache\\Redis",
        "redis": {
            "host": "localhost",
            "port": 6379
        },
        "maintenance": false,
        "log_type": "owncloud",
        "logfile": "\/var\/log\/nextcloud-stable.log",
        "loglevel": 0,
        "log_rotate_size": "104857600",
        "mail_smtpauthtype": "PLAIN",
        "mail_smtpauth": 1,
        "mail_smtphost": "smtp.domain.tld",
        "mail_smtpport": "587",
        "mail_smtpname": "***REMOVED SENSITIVE VALUE***",
        "mail_smtppassword": "***REMOVED SENSITIVE VALUE***",
        "htaccess.RewriteBase": "\/",
        "htaccess.IgnoreFrontController": true,
        "updater.server.url": "https:\/\/updates.nextcloud.org\/updater_server\/",
        "filesystem_check_changes": 1,
        "enable_previews": true,
        "preview_max_x": 800,
        "preview_max_y": 800,
        "preview_max_scale_factor": 4,
        "skeletondirectory": "\/media\/nextcloud\/skeleton",
        "session_keepalive": true,
        "activity_expire_days": 365,
        "mail_smtpsecure": "tls",
        "enabledPreviewProviders": [
            "OC\\Preview\\PNG",
            "OC\\Preview\\JPEG",
            "OC\\Preview\\GIF",
            "OC\\Preview\\BMP",
            "OC\\Preview\\XBitmap",
            "OC\\Preview\\MP3",
            "OC\\Preview\\TXT",
            "OC\\Preview\\MarkDown",
            "OC\\Preview\\PDF"
        ],
        "asset-pipeline.enabled": true,
        "share_folder": "\/Shares",
    }
}

Are you using external storage, if yes which one: local

Are you using encryption: no

Client configuration

Browser: Chrome 63.0.3239.108

Operating system: Debian 8

[X4LD1M0]

I have used the following bit in my theme server.css file to cancel the height value:

#appmenu {
height: unset;
}

[MorrisJobke]

cc @nextcloud/designers