カスタムテーマ使用時のページツリー検索結果の見づらさについて

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

問題

• ページツリーで検索した場合、検索結果が読みにくく、そこから正しい項目を選択することが困難なフォーマットになっています。
• これは、ツリーの中に数レベルの子ページがあり、Liferayテーマジェネレーターで生成されたカスタムテーマが適用されている場合に発生します。 (ここで注意：まだカスタムコードは追加されていません。 yo liferay-themeで生成されたサンプルテーマを使用しました)
• テーマを導入してデフォルトに設定すると、ページツリーの検索結果に白っぽい/灰色のレイヤーが適用され、また、それらが互いに重なり合うように表示されます。 (ページツリーについては添付写真、検索結果については下記を参照）
  
  

Environment

• Liferay DXP 7.3
• Liferay DXP 7.4

解決策

1. ポータルのデフォルトテーマをクラシックに変更します。 これは、これから修正するカスタムテーマを非アクティブにするためです。
2. そのカスタムテーマが生成されたフォルダーに移動します。 (下記添付写真参照)
   
   
3. src/cssに移動し、_custom.scssを編集します。
4. 以下のプロパティを追加します：
   

   .breadcrumb {background-color: transparent; display: flex; flex-direction: column;}

5. 変更を保存して、テーマを再構築します。 (gulp build コマンドをテーマフォルダから実行)
6. 変更後のテーマ OR $LIFERAY_HOME/osgi/war フォルダ内の旧テーマを変更後のテーマで置き換える。 ( gulp deploy をテーマのフォルダから実行 または テーマの生成された WAR ファイルを $THEME_FOLDER/dist に見つけることができました。）
7. ポータルでテーマを適用し、ページツリー検索をテストします。 (下記添付写真参照）
   
   

追加情報

• Liferayテーマジェネレーター
• サイトの外観を変更する
• テーマジェネレーターのインストールとテーマの作成