如何使NG-侧边栏包装内容？

Question

边栏占用页的整个高度。边栏中只有两个项目，我只希望边栏包装内容。我怎样才能做到这一点？

这是我的html代码的精简版本：

<p-blockUI [blocked]="blocked">

<i class="fa-5x" style="position:absolute;top:25%;left:35%">Something...</i>

<h3>
        <b>Main content here!</b>
</h3>
<hr>

<ng-sidebar
[(opened)]="_opened"
position='left'>


        <ul>
            <br>        <br>        <br>
            <li  (click)="downloadFromproject_nameStorage(&quot;something.pdf&quot;)">page_name Rules</li>
            <li >Examples<i  aria-hidden="true"></i>
                <ul>
                    <li (click)="some_download(&quot;a_link_only_only_example.xlsx&quot;)">a_link_only only</li>
                </ul>
            </li>
        </ul>

</ng-sidebar>

<div ng-sidebar-content>
    <div (click)=_toggleSidebar()>
        <svg focusable="false" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg>
    </div>
</div>