Page MenuHomePhabricator

Special:Translate: Message table statsbar hover text appears very close to the bottom border
Closed, ResolvedPublic

Assigned To
Authored By
abi_
Feb 6 2023, 4:10 AM
Referenced Files
F36898758: image.png
Mar 9 2023, 3:34 AM
F36862108: Artboard.png
Feb 20 2023, 9:20 AM
F36862028: image.png
Feb 20 2023, 8:39 AM
F36862033: image.png
Feb 20 2023, 8:39 AM
F36753371: image.png
Feb 6 2023, 4:10 AM
F36753367: image.png
Feb 6 2023, 4:10 AM

Description

When hovering on the statsbar the text appears a bit too close to the bottom.

CurrentProposed
image.png (51×1 px, 7 KB)
image.png (51×1 px, 7 KB)

The above image is taken with the value of top at 24px instead of the current`30px`

.tux-action-bar .tux-statsbar {
	position: relative;
	top: 24px;
}

Event Timeline

Change 886043 had a related patch set uploaded (by Abijeet Patro; author: Abijeet Patro):

[mediawiki/extensions/Translate@master] Special:Translate: Move statsbar a bit up

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

abi_ renamed this task from Special:Translate: Statsbar hover text appears very low near the bottom border to Special:Translate: Message table statsbar hover text appears very close to the bottom border.Feb 6 2023, 1:37 PM

@Pginer-WMF For this task, we have a couple of design approaches:

Approach #1 - statsbar aligned to bottomApproach #2 - Vertically Centered statsbar
image.png (262×1 px, 43 KB)
image.png (262×1 px, 43 KB)

You can see the statsbar in action here: https://translatewiki.net/wiki/Special:Translate?action=translate&group=%21additions&filter=%21translated at the bottom of the page. The statsbar info appears when you hover on the statsbar.

Approach #1. Baseline of the statsbar aligns with the tabs (List / Page / Review) at the bottom.
Approach #2. The statsbar is vertically center aligned with the tabs.

We wanted your thoughts on which one you prefer.

Approach #1. Baseline of the statsbar aligns with the tabs (List / Page / Review) at the bottom.
Approach #2. The statsbar is vertically center aligned with the tabs.

We wanted your thoughts on which one you prefer.

I think the approach 2 can work better. If I interpreted it correctly, the progress bar would be placed vertically at the same level as the middle of the button group:

Artboard.png (820×1 px, 139 KB)

Change 886043 merged by Nikerabbit:

[mediawiki/extensions/Translate@master] Special:Translate: Make message table statsbar vertically centered

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

This is deployed on translatewiki.net :

image.png (436×1 px, 98 KB)