Page MenuHomePhabricator

Rendered result is not aligned with the >
Closed, ResolvedPublicBUG REPORT

Description

Steps to replicate the issue (include links if applicable):

What happens?:
The result, once it appears, is not aligned with the > but seems a bit too low

Screenshot 2024-06-05 at 09.28.19.png (109×88 px, 6 KB)

What should have happened instead?:

It should be aligned

Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):

Other information (browser name/version, screenshots, etc.):

Event Timeline

The loading part of this ticket (it being slow) is already mentioned and discussed more specifically in https://phabricator.wikimedia.org/T366722

DSmit-WMF changed the task status from Open to In Progress.Aug 13 2024, 11:24 AM
DSmit-WMF claimed this task.

Change #1062372 had a related patch set uploaded (by Daphne Smit; author: Daphne Smit):

[mediawiki/extensions/WikiLambda@master] ZObjectStringRenderer.vue: Rendered result is not aligned with the >

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

It now looks misaliged with the text slighly pushed up with respect to the arrow:

Before this change:

Screenshot from 2024-08-19 11-01-26.png (156×240 px, 4 KB)

After this change:

Screenshot from 2024-08-19 11-02-05.png (157×211 px, 4 KB)

However, overwriting both of them to zero would make it misaligned in cases where there's an error shown below. See the example:

Screenshot from 2024-08-19 11-10-22.png (101×453 px, 9 KB)

We should make sure that the <p> aligns naturally by having the same height as the button. We can overwrite margin and padding with zero values, but also set line-height to the 32px of the button.

Where did you see the misalignment? I am looking at the ext-wikilambda-app-evaluation-result block. Maybe I am missing a place where it is misaligned

EDIT: Ok I mocked an error and see it now indeed

Change #1062372 merged by jenkins-bot:

[mediawiki/extensions/WikiLambda@master] ZObjectStringRenderer.vue: Rendered result is not aligned with the >

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