Skip to content

More comfortable styles for custom wiki sidebar content

What does this MR do and why?

Currently, users can create a custom sidebar markdown file for wikis, but the rendered markdown is not styled to take into account the fact that this content is displayed in a narrow aside.

This MR applies specific styling to custom sidebar content so that it is more ergonomic.

  • Reduce sizes of headings
  • Reduce left-padding of lists

References

Screenshots or screen recordings

Before After
gdk.test_3000_flightjs_Flight_-_wikis_home gdk.test_3000_flightjs_Flight_-wikis_home__2

How to set up and validate locally

  1. Check out this branch
  2. Go to a project with a wiki in the GDK
  3. Create or edit the custom sidebar content
  4. Add the following content to the custom sidebar:
# Getting Started

* [Get to know Knowledge Group!](https://example.com)

## Important Folders and Pages

* [Backlog](https://example.com)
  * [Bugs](https://example.com)
* [Blogs](https://example.com)
  * [Pages Blogs](https://example.com)
  * [Wiki Blogs](https://example.com)
  * [GLQL Blogs](https://example.com)
* [Knowledge Group Roadmaps by Quarter](https://example.com)
  * [FY26Q1](https://example.com)
  * [FY25Q4](https://example.com)
* [Metrics](https://example.com)
  * [Editors](https://example.com)
  * [GLQL](https://example.com)
  * [Pages](https://example.com)
  * [Wiki](https://example.com)
  * [Data Review Workflow](https://example.com)
* [Misc Pages](https://example.com)
  * [Competitive Analysis and Research](https://example.com)
  * [Dogfooding](https://example.com)
  * [First Iteration of GLQL JTBD](https://example.com)
  * [Matthews Test Pages for Stuff](https://example.com)
  * [Micro Teams](https://example.com)
  * [Release Post Items](https://example.com)
  * [Weekly Updates](https://example.com)

### Other resources

- foo
- bar

#### About the team

Adipisicing reprehenderit anim laborum laboris. Eu ullamco nulla amet in duis nisi incididunt ullamco esse nulla incididunt nostrud minim proident.

##### People

- Gorm Blormley
- Livermack Fringle
- Hererera Bonigo
- Rolk Demplon

##### Dogs

- Frinky
- Dewola
- Somp
- Feefee

###### Cute dogs

- Loila Bonon

#### Our mission

Consectetur cupidatat est reprehenderit laboris anim laboris aute adipisicing qui ut duis. Et culpa est incididunt dolore ullamco amet quis est aute enim id quis exercitation magna mollit. Nostrud ut incididunt occaecat velit eiusmod voluptate sunt sit sint est in anim minim occaecat tempor. Eu Lorem ipsum culpa ea. Nisi ullamco cillum ea enim qui eiusmod ut ea labore. Aliqua amet ipsum voluptate sit quis ea nostrud tempor consequat.
  1. Save the changes
  2. You will see the custom sidebar content rendered in the sidebar, with the styles from this MR applied.

MR acceptance checklist

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

Merge request reports

Loading