Redocly
Wrong height when there is more elements on page
Describe the problem to be solved If Redoc element is only element in page, than height is correctly calculated to take 100%. But if there is more elements on page (footer/header) than Redoc still takes 100% of page height and last elements in menu are hidden
Describe the solution you'd like Since already using flex, position elements with flex too, so that it's possible to have more elements on page.
Additional context
Please note last visible element in menu
Without footer/header:
With footer/header:
We appreciate your patience,
This functionality can be achieved by applying the styles I have highlighted in the screenshot below. Could you please add those styles in the index.html template and let us know if that will work for you?
Not really got you how to change it.
I am using Redoc Object
And our HTML looks like this (AngularJS project):
<body>
<header></header>
<div class="page">
<section>
<div id="redoc-container"></div>
</section>
</div>
<footer></footer>
</body>
with this JS:
Redoc.init(
@PublicRepository.getDocumentationUrl(),
{
hideDownloadButton: true
},
angular.element('#redoc-container')[0]
)