Liferay：デフォルトの979px（タブレット）ではなく、画面サイズが768px（モバイル）未満のドックバーを折りたたむにはどうすればよいですか？

Question

私はLiferayに付属のデフォルトのドックバーを使用しています。 現在、画面幅が979px未満の場合、ドックバー/ナビバーが折りたたまれます。 768px未満の画面サイズでdockbar/navbarを折りたたみたいです。 私は以下のように_variables.scssファイルに変更を加えた：

$navbarCollapseWidth: 768px !default; 
$navbarCollapseDesktopWidth: $navbarCollapseWidth + 1; 

はdiffのフォルダ内にこのファイルをコピーしました。コードをデプロイしました。しかし、ドックバーは979px以下の画面サイズで崩壊します。

他のファイルを変更する予定ですか？

Answer 1

以下のコードは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; 
    } 
} 

Answer 2

はい、あなたはdockbarのための特定のコアCSSファイルを上書きする必要があり、この：

/portal-master/portal-web/docroot/html/themes/_styled/css/dockbar.css

行番号を見755

これは、Liferayのフロントエンドの開発者からの幸せではない選択をします。 場合によっては、そのように、カスタムテーマによってのみ上書きできない特定のCSSファイルがあります。

フックプラグインを使用すると、そのファイルを上書きできます。

bye