Skip to content

Migrate your work pages to use new typescale

Sascha Eggenberger requested to merge migrate-your-work-headings into master

What does this MR do and why?

Migrate your work pages to use new typescale:

  • Adds a helper module for easy reuse in HAML (::Layouts::PageHeadingComponent())
  • Adds a helper template to Vue for easy reuse
  • Uses gl-heading-1 for h1

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Before After
projects_before projects_after
group_before group_after
issues_before issues_after
mr_assigned_before mr_assigned_after
mr_review_before mr_review_after
todo_before todo_after
milestones_before milestones_after
snippets_before snippets_after
activity_before activity_after
operations_dashboard_before operations_dashboard_after
env_dashboard_before env_dashboard_after

How to set up and validate locally

Visit:

  1. http://gdk.test:3000/dashboard/projects
  2. http://gdk.test:3000/dashboard/groups
  3. http://gdk.test:3000/dashboard/issues?assignee_username=root
  4. http://gdk.test:3000/dashboard/merge_requests?assignee_username=root
  5. http://gdk.test:3000/dashboard/merge_requests?reviewer_username=root
  6. http://gdk.test:3000/dashboard/todos
  7. http://gdk.test:3000/dashboard/milestones
  8. http://gdk.test:3000/dashboard/snippets
  9. http://gdk.test:3000/dashboard/activity
  10. http://gdk.test:3000/-/operations
  11. http://gdk.test:3000/-/operations/environments

Documentation:

  1. Vue component: http://localhost:9002/?path=/story/vue-shared-page-heading--default
  2. HAML component: http://gdk.test:3000/rails/lookbook/inspect/layouts/page_heading/default

Related to #452225 (closed)

Edited by Sascha Eggenberger

Merge request reports