Remove position: absolute and z-index from #p-logo

Follows-up (r2881, b52a2a1567). Logical backport of Vector
patch Ifb99ff36e3a (T170053).

The logo was given a higher z-index than the content, presumably
with the intent to avoid user-generated content from being able
to obscure the logo. However, setting z-index here is redundant
given #p-logo (in #column-one) is after #column (in #column-content)
which already has `position: relative` and z-index set to give it its
own stacking context that can never exceed its stack (except for
weird things - T40848).

If this z-index was needed, then it would indeed only work if
position is set to relative or absolute. Picking "absolute" in
that case would cause the logo to be taken out of the layout flow,
hence the padding on #column-one.

Remove it all, in favour of natural flow. Keep the 5px distance
by using margin-bottom (160-155=5).

Commit is a visual no-op (pixel-for-pixel identical).

Bug: T170053
Change-Id: I156c54e1dd08a1c848d1c5ec9a5a9c9f85d8680a
This commit is contained in:
Timo Tijhof 2017-07-12 21:04:21 -07:00 committed by Krinkle
parent 0687ef3e22
commit 909aed33cb

View file

@ -28,10 +28,6 @@ div#column-content {
line-height: 1.5em;
}
div#column-one {
padding-top: 160px;
}
/* Hide, but keep accessible for screen-readers */
#column-one h2 {
position: absolute;
@ -212,11 +208,8 @@ table.rimage {
*/
#p-logo {
top: 0;
left: 0;
position: absolute; /*needed to use z-index */
z-index: 3;
height: 155px;
margin-bottom: 5px;
width: 12em;
overflow: visible;
}