サイドバーの高さはコンテンツの長さによって変化します

Question

私のangle2アプリでは、サイドバーの長さに問題があります。私はトップナビゲーションHTMLとサイドバーナビゲーションHTMLの両方を含むナビゲーションコンポーネントを持っています。アプリがサイドバーを読み込むときは問題ありません。他のコンポーネントにルーティングすると、そのコンポーネントの長さに応じてサイドバーが短くなります。私はサイドバーの高さを固定したい。私が何を言おうとしているのかを理解するために画像を見てください。テーマテンプレートはhereから取得しました。

図1 - その他の成分

図3に移​​動し、アプリ負荷

図2- - それがより短くなる

loggedIn.component.html

<div class="wrapper"> 
    <bmis-navigation></bmis-navigation> 
    <router-outlet></router-outlet> 
</div> 

navigation.component.html
htmlはhere です。cssファイルは以下のリンク先にあります。それは、この問題を診断するのは難しいので、 の1- Admin.css 2 - red.css

Answer 1

は、何のCSSはありません。つまり、提供されたコードに基づいて、あなた自身の問題がそこにあると推測します。

main-sidebarクラスまたはそれに類する解決策でmin-heightを設定しましたか？

.main-sidebar { 
    min-height: ~"calc(100vh - @navigation-height)"; 
} 

ここでも、多くのコンテキストは限りスタイリングとして存在していないですが、私はこのことができます願っています：私はあなたのニーズに応じて、これらの線に沿って何かを、お勧めします！

P.S.私のレッスン構文が完全にオフであれば、お詫び申し上げます。私はあなたがそれを使用していると信じていますが、私は実践的ではありません。

Answer 2

私はAngularやあなたが使っているものは経験がありません。

サイドバーの最小高さを設定すると問題が解決すると思います。