Themes

Hi Themers,

Before I raise a tracker issue, I believe I've noticed (M3.0) an issue with the Clean theme when blocks (one or more) are docked.  In that the padding is inconsistent.

When nothing is docked then you always get a 20px padding regardless of screen size.  So < 768px resolution then 20px on the 'body' tag and nothing on '.container-fluid', when >= 768 then 20px on '.container-fluid' and nothing on the 'body' tag.

However when things are docked then a padding of 45px (being roughly the width of the dock and nothing else) on the left in LTR and vice versa is applied to the 'body' tag.  Because the selector definition is 'body.has_dock #page' this is more specific than '.container-fluid' (which is contained within '#page'), thus negating its 20px padding when >= 768px.  When < 768px this is fine as the combination of the 20px 'body' padding and the 'body.has_dock #page' definition add up to 65px on the appropriate side:

However, when >= 768px we are 20px short (because of the '.content-fluid' negation), causing the content to bump against the dock:

thus with the correcting CSS:

@media (min-width: 768px) {
    body.has_dock #page {
        padding-left: 65px;
    }
    body.has_dock.dir-rtl #page {
        padding-right: 65px;
    }
}

we can get:

If you can verify and confirm my findings I'll raise an issue.

Cheers,

Gareth