Hi
Thanks for great theme!
However, there is small issue with header which can be seen here:
It will happen only if you'll go to any Redmine page and force refresh.
It will disappear as soon as you'll go to any other Redmine page.
It can be seen in latest Chrome and Firefox browsers. I didn't test other browsers, though.
The reason for such strange behavior is a bit odd bug (or to be honest I don't know what it is) of those browser. Here is part of html code which causing that issue:
<div id="header">
<!-- ::before pseudo-element with logo container -->
<div id="quick-search">
<!-- quick-search code... -->
</div>
<h1>Tasks</h1>
</div>
quick-search
is floated element, and placing it between actually two block-inline elements (::before
and h1
) causing browsers to render them on two separate lines. Going to another Redmine page for some unobvious reason for me causing browsers to redraw those element in another (correct) positions.
Obvious fix for that issue is to move quick-search
div after h1
. Like that:
<div id="header">
<!-- ::before pseudo-element with logo container -->
<h1>Tasks</h1>
<div id="quick-search">
<!-- quick-search code... -->
</div>
</div>
In such case we'll receive proper flow of the elements.
But, assuming that we have access only to css-part of the theme, I don't see other solutions but to remove logo. It was really smart solution to avoid limitations, but, unfortunately, it doesn't work as expected.