私はLiferayに付属のデフォルトのドックバーを使用しています。 現在、画面幅が979px未満の場合、ドックバー/ナビバーが折りたたまれます。 768px未満の画面サイズでdockbar/navbarを折りたたみたいです。 私は以下のように_variables.scssファイルに変更を加えた：Liferay：デフォルトの979px（タブレット）ではなく、画面サイズが768px（モバイル）未満のドックバーを折りたたむにはどうすればよいですか？
$navbarCollapseWidth: 768px !default;
$navbarCollapseDesktopWidth: $navbarCollapseWidth + 1;
はdiffのフォルダ内にこのファイルをコピーしました。コードをデプロイしました。しかし、ドックバーは979px以下の画面サイズで崩壊します。
他のファイルを変更する予定ですか？
以下のコードはcustom.css内に含まれています。
@media (min-width:768px) and (max-width:979px)
{
#_145_dockbar
{
display:none;
}
.aui #navigation
{
display:block;
}
.aui .nav-collapse, .aui .nav-collapse.collapse
{
overflow:visible;
}
.aui .nav-collapse .nav>li
{
float:left;
}
.aui .portlet-dockbar
{
width:auto;
}
}
はい、あなたはdockbarのための特定のコアCSSファイルを上書きする必要があり、この：
/portal-master/portal-web/docroot/html/themes/_styled/css/dockbar.css
行番号を見755
これは、Liferayのフロントエンドの開発者からの幸せではない選択をします。 場合によっては、そのように、カスタムテーマによってのみ上書きできない特定のCSSファイルがあります。
フックプラグインを使用すると、そのファイルを上書きできます。
bye
私はそのファイルを編集する必要があることを理解しています。しかし、正確な変更はどのように行う必要がありますか？ –
フックプラグインを使用していますか？どのようにしてコードを変更するのですか？ –
diffフォルダ内にファイルをコピーします。テーマコードを展開します。コードが変更されているのがわかります。しかし、私は出力が表示されません。 –