Skip to content

Retire the collapsible_container component

Sarah German requested to merge replace-collapsible-container into main

What does this MR do and why?

Replaces the custom collapsible_container Vue component with GlCollapse from GitLab UI. collapsible_container is used to make the Table of Contents expandable/collapsible on mobile-width screens.

This reduces our amount of custom code, which lessens maintenance needs, and it also drops a function that required jQuery, which we also intend to remove.

Related: #1682 (closed)

Screenshots, screen recordings, or links to review app

Before header
image image
image image

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. Configure a local GitLab Docs environment: https://gitlab.com/gitlab-org/gitlab-docs/-/blob/main/doc/setup.md.
  2. Browse a few pages and verify the table of contents ("on this page") component appears at large width
  3. Browse a few pages and verify the table of contents ("on this page") component is collapsed at small width, and can be expanded

Merge request acceptance checklist

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

Edited by Sarah German

Merge request reports