CSS not rendering

[rudijs]

Hi,

Not sure why, maybe it's just me, but all of a sudden the css is not rendering at all?

Everything appears to be OK, ie css scripts load, but nothing seems to be computed.

Here's a screencap from Chromium (same on Chrome and FireFox for me here).

Anyone else seen this behavior?

[sprijk]

+1

Same here!

[kwk]

@rudijs @sprijk thank you for reporting your issue. Please let me know which version you're running. See bottom of the page for the corresponding git revision. Do you remember which git revision worked for you? That would help a lot.

[so0k]

it happens on both konradkleine/docker-registry-frontend:latest & konradkleine/docker-registry-frontend:v1 in my case. I did have a registry:2 container it linked to, and no v1, but not sure if that's related to this issue.

[rudijs]

@kwk I'm git revision: ff69f40

Sorry I don't have the previously working revision, I'm currently only using this on a vagrant VM and I've destroyed the earlier one.

[far-blue]

I'm getting this as well. Git revision ff69f40. Running Safari Version 8.0.6 (10600.6.3) (OS X 10.10.3). I'm seeing this on the console: "Unexpected CSS token: :". It says the issue is on line 1 but, of course, the css is compressed so there is only one line.

[kuvi-innovations]

+1

Same here

[kwk]

I'm working on it...

[acaranta]

+1 sry I bothered you on twitter for an already declared issue ;)

[kwk]

@rudijs can you confirm that none of the default bootstrap CSS is loading? I think only the toastr and our custom CSS is loaded but not the bootstrap CSS. A quick build of older revisions shows me the same issue here. Therfore I assume some of the external dependencies like Grunt / Bower / NPM have changed in some way. I'm looking into the build output.

[rudijs]

@kwk Here's a screen cap from Chromium just now.

The red arrow points to the styles, where nothing seems to be computed.

This suggests Bootstrap is not bootstrapping?

I'm not a bootstrap user (Foundation or Material Design mostly), so I'm not sure where to look exactly other than the dev tools tab.

If you have other suggestions where to look just let me know and I'll have a dig.

[rudijs]

@kwk Here's a shot of inspecting the 'Repositories' text element

[rudijs]

@kwk CSS is getting http 200 status OK

[kwk]

It looks like the grunt build step is kicking bootstrap's CSS out. Maybe it thinks it is unused or it cannot find a proper CDN for it. I don't know yet but I'm on it. This behavior is new.