When hovering on the statsbar the text appears a bit too close to the bottom.
Current | Proposed |
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; }
abi_ | |
Feb 6 2023, 4:10 AM |
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 |
When hovering on the statsbar the text appears a bit too close to the bottom.
Current | Proposed |
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; }
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
@Pginer-WMF For this task, we have a couple of design approaches:
Approach #1 - statsbar aligned to bottom | Approach #2 - Vertically Centered statsbar |
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.
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:
Change 886043 merged by Nikerabbit:
[mediawiki/extensions/Translate@master] Special:Translate: Make message table statsbar vertically centered