Broken header markup

[tsi]

Broken header markup

[tsi]

Sorry, I can't reproduce this issue on my end.
Is this page public? could you share a page to demonstrate the issue?

[ArmorDarks]

Unfortunately, page isn't public.

There won't be difference between viewing that page in your Redmine, or in ours. It will have same effect, since markup and css is same.

The issue related to the wrong position of the element in flow.

One important thing which I must admit, thought, that as I've discovered, issue persist only in Chrome, not Firefox. Tested in 37 and 39 versions.

[tsi]

I'm having chromium 36 on this machine and all is fine.
Do you think this is a new issue in 37?

[ArmorDarks]

I've already encountered similar issue with unexpected elements flow in older project, so I can't say exactly.

But considering you don't see it, it may be.

It's important to force refresh page. It won't appear if you'll switche between sections of Redmine, for example.

For instance, here is page after I clicked "Projects" section:

And after I clicked "Refresh page":

[mrhyde]

We just tested it in Chrome Canary build 39 and the problem is still there. Basically as soon as you send a HTTP request with header Cache-Control:no-cache, you get that weird rendering behavior.

[mrhyde]

We even have installed Chromium v37 on our linux machine and as you can see on the screenshot - problem persists.

[tsi]

I've updated to chromium 38 and still can't reproduce the issue.
A simple solution would be to move the pseudo-element into the h1.
could you please test if replacing the 2 #header:before with #header > h1:before helps?
Thx

[ArmorDarks]

Yeap, that works.

[tsi]

Merged. Thanks!