Maniphest T219131

Create base layout of the donation application
Closed, ResolvedPublic5 Estimated Story Points
Actions

Assigned To

None

Authored By

	kai.nissen
	Mar 25 2019, 10:59 AM

Description

The design and layout of the donation application's pages is not quite consistent. We want to generalize the look of the pages as shown in the proposed design changes that is linked in the description of the parent task.

This change will fix some accessibility issues regarding the font size and color contrast as well as care for a consistent layout across different pages of the donation application.

Acceptance Criteria

The base font size is increased to 14px.
The page background has a different color.
The main content element is positioned the same on all pages.

Notes

Copy over the templates related to the base layout.
This task lays ground work for modernizing the frontend code.
Convert existing templates into "fat" components.
There is no final decision regarding technologies/frameworks to use, yet.

Related Objects
Search...

Status	Assigned	Task
Resolved	None	T219130 Revision of user interface design of donation application
Resolved	None	T219131 Create base layout of the donation application
Resolved	None	T220997 Bundle all CSS into one file
Resolved	None	T221000 Document wmde19 design decisions

Event Timeline

kai.nissen created this task.Mar 25 2019, 10:59 AM

kai.nissen renamed this task from Change base layout of the donation application to Create base layout of the donation application.Mar 25 2019, 1:43 PM

kai.nissen updated the task description. (Show Details)

kai.nissen set the point value for this task to 21.

• Tonina_Zhelyazkova_WMDE claimed this task.Mar 26 2019, 3:59 PM

• Tonina_Zhelyazkova_WMDE moved this task from Backlog to Current Sprint on the WMDE-Fundraising-Tech board.

• Tonina_Zhelyazkova_WMDE added a project: WMDE-FUN-Sprint-2019-03-18.

• Tonina_Zhelyazkova_WMDE moved this task from Todo to Doing on the WMDE-FUN-Sprint-2019-03-18 board.

https://github.com/wmde/FundraisingFrontend/pull/1453

kai.nissen added a project: WMDE-FUN-Sprint-2019-04-01.Apr 1 2019, 9:55 AM

kai.nissen moved this task from Todo to Doing on the WMDE-FUN-Sprint-2019-04-01 board.

Possible split of this ticket:

Document Planning Session as one or multiple ADRs (mainly components folder structure, rough ideas around buefy/bulma component/class name usage, Conversion of twig to vue, data attributes (app-data and messages) )
Create Layout components (Header, Footer, Content)
Create example entry point for donation page
Extend webpack configuration to compile multiple entry points (http://lmgtfy.com/?q=vue+cli+multiple+entry+points)
Convert each Twig template to entry point: Create Rudimentary Twig template (with app data, entry point name and messages), move rest of twig template HTML contents into page component (without JS functionality).