Change #1149365 had a related patch set uploaded (by Arthur taylor; author: Arthur taylor):

[mediawiki/extensions/Wikibase@master] Add the view of a simple statement

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

I've made some progress on this - the JS version currently looks as follows:

The patch is incomplete - we still need to:

• pass in data so that the data is real and the links point to real locations
• investigate the exact pixel positioning of the icons and the heights of the rows
• get details of the precise left-padding for the rows
• adjust the positioning of the 'edit' on the top row
• investigate font-weight (design suggests a font-weight of 500 should make the 'edit' text look bold, but it doesn't seem to, and heavier weights look too thick)

Things not working:

• The stylesheet doesn't load in the no-JS version - I'm not sure why this is.

Open questions:

• How do we want to do the no-JS version (if we do want to do that in this patch). @hoo suggested php-vuejs-templating, but I don't know exactly what that looks like.
• What do we do about the overall width of this statement view? The patch matches the width in the Figma design, but in the Figma design the termbox and surrounding page design as been updated (which is not our plan for MEX). Mixing and matching old and new design is going to look bad.

• Test suite will be added in T395795
• no-JS version is under development in T394885
• Passing in real data will be addressed in T395791

I would propose to merge this sketch as is so that other patches can make progress, and address the remaining layout issues in subsequent tickets.

Change #1149365 merged by jenkins-bot:

[mediawiki/extensions/Wikibase@master] Add a static example of a VueJS mobile statement view

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