Page movement on search icon and EMBL-EBI logo mouseover

[mandarsd]

It looks like top margin is getting applied on mouseover.

[khawkins98]

You're describing this, right?

The idea here was to give a little "nudge" that there's a "slide out" drawer. But maybe that feels like a glitch, or it feels wrong?

[mandarsd]

Yes! this one. It looks like a glitch to me because the entire page moves down.
I liked the idea behind the slide out. It would be nice if the sliding bit happens with 'absolute' position so the entire page won't move.

[khawkins98]

It's actually not a position trick, but rather there's a 4px white border that's being animated in and out.

We could work around the "push down" by adding to the existing:

.masthead-black-bar {
  margin-bottom: 0;
  position: relative;
  z-index: 10;
}

.masthead-black-bar.peek {
    margin-bottom: -4px;
}

Here's what that looks like in Chrome (of course also need to check in other browsers).

[mandarsd]

This looks good to me.