Skip to content

Updated Wiki page layout

What does this MR do and why?

Updated Wiki page layout

  • Moved edit button to the actions toolbar. Change the button’s variant to primary.
  • Moved the "Page history" button to a dropdown.

All buttons were create using Pajamas::ButtonComponent except md-size Page history. The last one has custom content according Merge request actions, it was taken as an example. But this options can be changed to the full use of the component

See possible button variant
  = render Pajamas::ButtonComponent.new(icon: 'chevron-down', button_options: { class: 'gl-md-display-none!', data: { toggle: 'dropdown' } }) do
    = s_('Wiki|Wiki actions')

wiki_after_suggest

Changes to E2E tests required, this will need to be done in the same MR as the development. Please run package-and-qa and assign a SET to review.

Could you help me please how to run qa-tests locally?

Screenshots or screen recordings

Click to expand
Before After After (focused)
wiki_before_l wiki_after_l1 wiki_after_l2
wiki_before_s wiki_after_s1 wiki_after_s2

Merge requests actions to compare

Not active Active
mr_btn_s1 mr_btn_s2

How to set up and validate locally

  • open /-/wikis/ in any project
  • create wiki

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Relates #26069 (closed)

Edited by Dmitry Silin

Merge request reports