Layout broken after update from OC6 to OC7 RC1

[FreeMinded]

With the update from the lastest OC6 to OC7 beta I ran into the issue #9322 which I was able to fix with RC1. But since then there are layout issues in several parts of OC including the files app, gallery, calender (monthly view seems to be OK), contacts (pictures missing and other weired things). See the attached pictures. I tried different browsers on different devices. Looks the same everywhere. Any idea what could be the problem here?

File app

Week and Day calender are broken (monthly looks fine)

Contacts (no pictures shown and lines displaced)

Gallery (Directory labels in displaced?)

[karlitschek]

@jancborchardt

[PVince81]

@DeepDiver1975 I remember this was reported before and you had a fix ?

[jancborchardt]

Nornally this is a caching issue. Try reloading with Ctrl+Shift+R (that clears the cache).

Can't we basically "version" the externally loaded JS and CSS files by adding hashes to the end which change with each version? @PVince81 I remember we did that already for some reason.

[jancborchardt]

Nornally this is a caching issue. Try reloading with Ctrl+Shift+R (that clears the cache).

Can't we basically "version" the externally loaded JS and CSS files by adding hashes to the end which change with each version? @PVince81 I remember we did that already for some reason.

[PVince81]

We already have this but for some reason this isn't always working.

[DeepDiver1975]

@FreeMinded please have a look at the browser error console as well as the server side logs - further details are welcome https://github.com/owncloud/core/blob/master/issue_template.md

[FreeMinded]

Thanks for the very fast response! @jancborchardt I tried the caching issues already. Didn't help unfortunately. Will try @DeepDiver1975 recommendations later and report back.

[FreeMinded]

@DeepDiver1975 I just updated to the latest OC 7 version. Here is an excerpt of the browser log (the part which looked interesting to me):

Stylesheet https://nivel.avertas.ch/index.php/apps/files/ wurde nicht geladen, weil sein MIME-Typ, "text/html", nicht "text/css" ist. files
GET https://nivel.avertas.ch/index.php/apps/files/ [HTTP/1.1 200 OK 1087ms]
GET https://nivel.avertas.ch/index.php/apps/files/ [HTTP/1.1 200 OK 1297ms]
GET https://nivel.avertas.ch/index.php/apps/files/ [HTTP/1.1 200 OK 1780ms]
DOM-Neuberechnung: 0.15ms Funktion _calcMouseTargetRect, tabbrowser.xml Zeile 5026
DOM-Neuberechnung: 0.13ms Funktion _calcMouseTargetRect, tabbrowser.xml Zeile 5026
DOM-Neuberechnung: 0.19ms Funktion _calcMouseTargetRect, tabbrowser.xml Zeile 5026
DOM-Neuberechnung: 0.15ms Funktion _calcMouseTargetRect, tabbrowser.xml Zeile 5026
DOM-Neuberechnung: 0.15ms Funktion _calcMouseTargetRect, tabbrowser.xml Zeile 5026
SyntaxError: Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead jquery-1.10.0.min.js:1
Error: https://nivel.avertas.ch/core/js/jquery-1.10.0.min.js?v=decc2e06a44e61f12a030bc4951563eb is being assigned a //# sourceMappingURL, but already has one
Synchrone XMLHttpRequests am Haupt-Thread sollte nicht mehr verwendet werden, weil es nachteilige Effekte für das Erlebnis der Endbenutzer hat. Für weitere Hilfe siehe http://xhr.spec.whatwg.org/ jquery-1.10.0.min.js:6
POST https://nivel.avertas.ch/index.php/core/ajax/translations.php [HTTP/1.1 200 OK 86ms]
Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource blockiert: Ein Versuch, Inline-Skripte auszuführen, wurde blockiert files
Unbekannte Eigenschaft 'appearance'.  Deklaration ignoriert. files:1
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert. files:1
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert. files:1
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert. files:1

The full log can be found here https://nivel.avertas.ch/public.php?service=files&t=26b9c0000431372221b6b564f2169d80

The problem appears no matter which browser I use.

[Isgar]

For me it looks even worse:

https://imgur.com/r1WF8y6

Sometimes it works correctly and I can't reproduce why. Tried complete reinstall, not helping. I use the config given in the 7.0 manual.

Using nginx on arch linux

Firefox is reporting this:

window.controllers is deprecated. Do not use it for UA detection. https-everywhere.js:364
The stylesheet https://[website]/owncloud/core/css/styles.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/core/css/header.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/core/css/multiselect.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/core/css/mobile.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/core/css/icons.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/core/css/fonts.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/core/css/fixes.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/core/css/apps.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/core/css/jquery-ui-1.10.0.custom.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/core/css/jquery-tipsy.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/core/css/jquery.ocdialog.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/core/css/share.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files 
The stylesheet https://[website]/owncloud/apps/files_versions/css/versions.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/apps/gallery/css/slideshow.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/apps/search_lucene/css/lucene.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files 
The stylesheet https://[website]/owncloud/3rdparty/css/chosen/chosen.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/3rdparty/miniColors/css/jquery.miniColors.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files 
The stylesheet https://[website]/owncloud/apps/files_texteditor/css/DroidSansMono/stylesheet.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/apps/files_texteditor/css/style.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/apps/files_texteditor/css/mobile.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/apps/files_videoviewer/css/style.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/apps/files_videoviewer/css/mediaelementplayer.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/apps/firstrunwizard/css/colorbox.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/apps/firstrunwizard/css/firstrunwizard.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/apps/files/css/files.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/apps/files/css/upload.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/apps/files/css/mobile.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
The stylesheet https://[website]/owncloud/apps/files_trashbin/css/trash.css?v=decc2e06a44e61f12a030bc4951563eb was not loaded because its MIME type, "text/plain", is not "text/css". files
Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead jquery-1.10.0.min.js:1
https://[website]/owncloud/core/js/jquery-1.10.0.min.js?v=decc2e06a44e61f12a030bc4951563eb is being assigned a //# sourceMappingURL, but already has one
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help http://xhr.spec.whatwg.org/ jquery-1.10.0.min.js:6
Content Security Policy: The page's settings blocked the loading of a resource: An attempt to execute inline scripts has been blocked files

[DeepDiver1975]

In case you are using Apache: make sure .htaccess has been updated properly

[FreeMinded]

@DeepDiver1975 Re-uploading .htaccess worked! Thanks for the help! Happy onwCloud user again! :)