Page MenuHomePhabricator

Use oojs-ui to buttons/layout
Closed, ResolvedPublic

Description

We can improve the look and feel of the inspector to use oojs-ui instead of the default look. We should also make all tables have the same width.

Screen Shot 2017-03-02 at 10.42.40 AM.png (480×1 px, 110 KB)

Event Timeline

Change 340717 had a related patch set uploaded (by Phedenskog):
[mediawiki/extensions/PerformanceInspector] Make all tables use the same width

https://gerrit.wikimedia.org/r/340717

Change 340717 merged by jenkins-bot:
[mediawiki/extensions/PerformanceInspector] Make all tables use the same width

https://gerrit.wikimedia.org/r/340717

Change 343852 had a related patch set uploaded (by Phedenskog):
[mediawiki/extensions/PerformanceInspector] Use oojs-ui for buttons and more modern looking tables

https://gerrit.wikimedia.org/r/343852

It's better than before but maybe we can make it even better :)

Screen Shot 2017-03-21 at 12.53.50 PM.png (1×1 px, 323 KB)

Krinkle subscribed.

@Peter Yeah, I've merged it for now. Only comment was:

I'm not sure about is the centred text-align for the <td> containing module names and urls. It looks fine for the headings, percentages and buttons, though.
We already have an override for td.details. Maybe give all <td> first columns a class "mw-pi-inspector-module" or some such that also has text-align left.
Or, alternatively, use a <colgroup> instead of adding a class to each row's first <td> manually.

Change 343852 merged by jenkins-bot:
[mediawiki/extensions/PerformanceInspector@master] Use oojs-ui for buttons and more modern looking tables

https://gerrit.wikimedia.org/r/343852