19

There's a design problem with the Net Neutrality banner. Apart from the fact that you have to dismiss it on every site you visit, it looks awkward on Graphic Design (of all places ...) – the dismiss button is only partially visible:

enter image description here

There might be more sites affected by this, but I'm afraid the banner will be burnt into my screen if I see it more often so I can't check.

  • 9
    hmm. probably they want to show the graphic designers what a bad design will look like – Optimus Prime Jul 12 '17 at 7:49
  • 4
    it's fixed in repo and waiting for build... but honestly I'm not even sure if you will be able to see it fixed before we take this banner off. – Paweł Jul 12 '17 at 12:02
  • Thanks @Paweł. I'm pretty sure I won't see it, because (a) I already dismissed it and (b) I have a userscript. – Glorfindel Jul 12 '17 at 12:24
12

A quick inspect on the element shows the actual issue, when compare the other sites with the GRAPHIC DESIGN notification bar, the following class caused the alignment issue.

.s-hero._small .-container, .s-hero._small._fixed-width .-container { 
    padding: 0

changing the padding: 15px (the same as in the other site's notification bar) will solve the problem.

Screenshot after changed the padding:

Notification bar style issue

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .