Page MenuHomePhabricator

Reproduce legacy layout for the Review step
Closed, ResolvedPublic

Assigned To
Authored By
Poslovitch
Jan 9 2024, 11:51 AM
Referenced Files
F43158634: image.png
Mar 23 2024, 7:27 PM
F42752674: image.png
Mar 19 2024, 2:31 PM
F42719992: image.png
Mar 18 2024, 8:36 AM

Description

The current Review step (ReviewStep.vue) does not have a proper layout.

Ideally, it should reproduce the "legacy" layout.

image.png (948×548 px, 35 KB)

GSoC2024 > March

Make a simple html/css outline with border:1px solid grey; and mock content.
This is to ensure you can :

  • clone the repository
  • find your way in the project's code
  • make minor modification
  • create a PR.

Careful design not necessary yet (we are still in the project application phase).

|----------------------------------------------|
|  Publication                                 |
|----------------------------------------------|
|  word 1 |         Message                    |
|  word 2 |------------------------------------|
|  word 3 |                                    |
|  word 4 |                                    |
|  word 5 |  < WORD 1 >  +  audio element      |
|  word 6 |                                    |
|  word 7 |                                    |
|         |------------------------------------|
|         |   ******                     1/20  |
|----------------------------------------------|

Repository access

If you do not have access to Lingualibre Gitlab, please request access to Wikimedia Gitlab : https://phabricator.wikimedia.org/maniphest/task/edit/form/117/
Please also ping @hugolpz.

Event Timeline

@Yug @Poslovitch I am starting working on this issue. Please assign this issue to me

from where I could get the oauth key and secret
@Yug

may I know what exactly you expect by the term 'legacy' layout. @Yug

after adding border:1px solid grey; its looking like this

image.png (1,920×1,080 px, 279 KB)