1343820 - Serious usability issues with Dusk theme with "new bug view"

Status: RESOLVED INCOMPLETE

(bugzilla.mozilla.org :: User Interface, defect)

Description

[Mark Straver]

Attachment: FireShot Pro Screen Capture #156 - '1300895 - Unprefix css3 multi-column properties (and add back -moz prefixed versions as aliases, for now)' - bugzilla_mozilla_org_show_bug_cgi_id=1300895.png

The styling for the default theme I use for bugzilla is completely messed up with a recent change. Unstyled buttons, broken alignment, etc. etc.

It's fine if you want to update the "Mozilla" theme to something else, but please don't touch the way other themes work!

See screenshot.

Comment 1

[Andre Klapper]

If you check the FAQ linked at the top, you find
https://wiki.mozilla.org/BMO/Modal_UI_FAQ#Why_does_this_look_so_weird_using_the_Dusk_or_Classic_skin.3F

What exactly has "broken alignment"? Which theme do you use?

Comment 2

[Mark Straver]

Using "Dusk" (as you could see in the screenshot).
Even something as simple as button styling is broken (some square, some rounded...?)

Broken alignment? Look at all the buttons. they use multiple styles, stick through separators or are glued to edges, text is haphazardly aligned somewhere in the middle, horizontally. There is no separation of different sections any longer and it's all plopped one below the other (are you trying to make it one of those horrible vertical-only-scroll-scroll-scroll-single-list layouts? Please don't...), etc.
It should all be rather self-evident for anyone who knows a little layout.

And please don't suggest I use the Mozilla style; it has multiple issues that makes it very unpleasant to use (low text contrast, smaller font size, non-uniform elements (buttons), etc.) which I why I stuck with dusk to begin with.

Comment 3

[Andre Klapper]

(In reply to Mark Straver from comment #2)
> Using "Dusk" (as you could see in the screenshot).

I won't test all available skins to find out the name of yours.

> Broken alignment? Look at all the buttons. they use multiple styles,
 
Styles have nothing to do with alignment.

> stick through separators

That's the same in the Mozilla style hence probably intentional.

> or are glued to edges, text is haphazardly aligned
> somewhere in the middle, horizontally. 

That seems to be consistent. Which issue does text being centered create?

> There is no separation of different sections any longer 

Well there is in grey color, and section content is white color?

> It should all be rather self-evident for anyone who knows a little layout.

Snarky comments usually don't convince people.

> And please don't suggest I use the Mozilla style

I don't suggest anything. I'm merely interest in getting specific problem descriptions instead of "it's all completely messed up!" comments because "it's all completely messed up!" comments don't help improving specific areas and could end up being interpreted as "I personally don't like it".

Comment 4

[Mark Straver]

When you're done berating me and can treat me like an adult, please give this some attention.
It's not about like or dislike, it's simply not properly usable any longer because all overview of bugs is lost.

Comment 5

[Mark Straver]

Attachment: header-annotated1.png

Since a picture can be worth 1000 words...

Since I can't call up the previous view to make a comparison screenshot, it's rather annoying to explain.

Sorry if I initially posted this bug in a rather upset state - I use bugzilla for a lot of my research and it is essential that it provides me with bug details at a glance, which is no longer the case.

The main usability issue with this "new bug view" is the bug header with details consisting of... no details - instead just blank lines with category names of collapsed categories that seem to be wholly incomplete when expanded.
It seems like the new bug view tries to cater to tiny mobile screens with assumed only vertical movement. Now that's fine for a responsive design based on viewport width, but it's just applied to all screen sizes which really doesn't work.

Comment 6

[Emma Humphries ☕️🎸🧞‍♀️✨ (she/they) [:emceeaich] (Pacific Time) use needinfo]

Closing as incomplete, UX issues in new view being addressed in bugs linked in 'see also' section.