Page MenuHomePhabricator

CX2: Avoid gaps below the category controls when they have different height
Closed, ResolvedPublic


Depending on the results of the category adaptation (T177303) and whether new categories have been added to the translation (T188614), the list of categories on the source and target documents can be of different lengths.

Currently, when the lists of categories are different in length, a grey gap is shown below the shorter one, as illustrated below:

categories-leave-target-column-empty.PNG (618×1 px, 72 KB)

The empty space should be shown in white instead. Note that we won't be stretching the category list control since that could get in the way of adding more categories, but the white space after it.

Event Timeline

Pginer-WMF renamed this task from Misaligned categories leave empty space to CX2: Avoid gaps below the category controls when they have different height.Mar 14 2018, 12:55 PM
Pginer-WMF updated the task description. (Show Details)
Pginer-WMF lowered the priority of this task from Medium to Low.Mar 22 2018, 11:18 AM

Change 423565 had a related patch set uploaded (by Petar.petkovic; owner: Petar.petkovic):
[mediawiki/extensions/ContentTranslation@master] Avoid gaps below categories listing

Change 423565 merged by jenkins-bot:
[mediawiki/extensions/ContentTranslation@master] Avoid gaps below categories listing

Etonkovidova subscribed.

Checked the fix in cx2-testing. The screenshot below shows that there is no grayish placeholder below a shorter list of tasks.

Screen Shot 2018-04-03 at 4.32.34 PM.png (596×943 px, 155 KB)

Screen Shot 2018-04-03 at 4.28.00 PM.png (355×974 px, 54 KB)

The first screenshot shows another problem - Category names are overflowing the category box, filed as T191370: CX2: Long category names overflow oo-ui-labelElement-label.