7

Just noticed the unaligned borders in the navigation bar of the website.

In Firefox:

enter image description here

Also in Chrome:

enter image description here

I don't know if this question fits in meta askubuntu, but is it a bug or just a style?

7
  • Can confirm. Doesn't happen on the meta though.
    – Oli Mod
    Commented Apr 8, 2013 at 13:33
  • Confirmed on main. Not on meta
    – Amith KK
    Commented Apr 8, 2013 at 14:08
  • yep, same. I wonder what changed.
    – Mateo
    Commented Apr 8, 2013 at 14:09
  • I'm not sure whether I need to accept an answer or not.
    – green
    Commented Apr 8, 2013 at 15:45
  • @green7 In case of bug reports, you'd usually accept the answer of a dev stating they fixed it.
    – user98085
    Commented Apr 8, 2013 at 16:19
  • Seems it's fixed.
    – green
    Commented Apr 8, 2013 at 17:43
  • There are still some issues which I notice. Should I open this question again or ask a new question?
    – green
    Commented Apr 9, 2013 at 18:03

3 Answers 3

Reset to default
4

I updated the divider borders using CSS only last night, but the updated background image(without borders) didn't get updated due to caching. It will be fixed after our next production build.

I had to implement the borders as part of the image before because I wanted to stay true to Canonical's designer's work. At the time when the design launched, I didn't feel comfortable using rgba() due to browser support at the time.

3
  • 4
    Remember that you don't have to support any version of IE with us ;)
    – Oli Mod
    Commented Apr 9, 2013 at 0:04
  • The border on the right of Unanswered is absent while it is present in meta site.
    – green
    Commented Apr 9, 2013 at 10:53
  • @Oli music to my ears
    – Jin
    Commented Apr 9, 2013 at 16:59
2

Technically, it's bydesign.

But really, it's just godawfuldesign.

The bright borders are part of the background:

enter image description here

The dark borders, on the other hand, are defined in the CSS:

.nav li {
    border-left: 1px solid rgba(160, 50, 10, 0.3);
    float: left;
    margin: 0;
    padding: 0;
}

These don't align properly (yay boxmodel, random changes and stuff like that) and as such, this bug occurs.

2

Maybe we can just nix the Background borders.

And Move the Ask Question into the navigation, Since they will be fixing other parts of the design as well...

enter image description here

Notice that a line was added in-front of "Ask Question" that looks like a divider meant for the top bar:

enter image description here

Here is a version of the background without the lines,

enter image description here

Do you think it had anything to do with adding the bar for new users? Makes the extra space look even worse.

enter image description here

And finally what it looks like without the background lines:

enter image description here

You must log in to answer this question.

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