Admin : change space occupation on left panel

Questions and Answers
4

Hello @JGallapont,

In order to increase the left menu sections, you just need to customize the LeftMenuListLink file max-height. (Doc: Customize the admin panel)
In the example below, I will show you how to customize the max-height of the collection types section.

1 - Copy the entire content of this file : LeftMenuLinkSection

2 - Create a new file in your project and paste the content of the github file in: your_project/admin/src/components/LeftMenu/LeftMenuLinkSection/index.js

3 - Replace the line 38 with this line :
<LeftMenuListLink section={section} shrink={shrink}>

4 - Copy the entire content of this file : LeftMenuListLink

5 - Create a new file in your project and paste the content of the github file in: your_project/admin/src/components/LeftMenu/LeftMenuLinkSection/LeftMenuListLink.js

6 - Replace the line 4 with this line:
max-height: ${({ section }) => (section === 'collectionType' ? '400px' : '180px')};

  • The 400px max-height value is just an example.
  • You can remove this condition if you want to increase all menu sections.

Hope this helps.

1 Like