Increase the size of the User documentation

Queries and Resources
1

The User documentation feature of Retool is great but is unfortunately quite small, mainly when we embed images.

Here is the workaround we are using to increase the size of the modal:

/* Increase the size of the User documentation */
.ant-modal.retool-modal.retool-modal-ds {
  max-width: 1000px; /* default to 650px */
  height: 80%; /* default to 60% */
}

The issue is that this CSS class is quite generic and impact some other modals in Retool.

Is there a cleaner way to increase the size of the User Documentation modal ?

2

Hey @aturiot,

If I'm not mistaken the user documentation modal has a unique class:

.page-documentation-editor-modal {
  max-width: 1000px !important; /* default to 650px */
  height: 80% !important; /* default to 60% */
}

Does that work for you?

3

@minijohn This page-documentation-editor-modal CSS class is only for the editor of the documentation

  • This is the editor with the above class:

image
image835×462 30.2 KB

  • This is the documentation the end user see, which does not have this CSS class:

image
image907×678 71.1 KB

4

Oh dang, should have caught that. It even says it in the class :stuck_out_tongue:

5

Hey @aturiot!

Can you try using the ._1z4PE.ant-modal selector? This may also be good to post in the feature request section :slightly_smiling_face:

6

@Kabirdas Yes this works but this looks hacky as this _1z4PE is auto-generated (I guess from a styled component). I will add a feature request asking for that, at least an explicit CSS class name would be enough.