Openstack Horizon の CSS は、主に、horizon/static/dashboard/scss、horizon/openstack_dashboard/static/dashboard/css、horizon/openstack_dashboard/static/dashboard/scss といういくつかのディレクトリに保存されます。
Horzion は CSS を圧縮してこれらのディレクトリに保存し、使用します。そのため、これらのフォルダー内のcssファイルを直接変更したり、公式サイトに記載されているようにhorzionのcssを変更したり(下図)すると、オフラインでページを表示するときに問題が発生します。解決策を以下に示します。
公式サイトに書かれているopenstack Horizonのページcssの修正方法は以下の通りです:
custom.cssなどのcssファイルを以下のようにカスタマイズし、openstack_dashboard/static/dashboard/cssに保存します
次に、openstack_dashboard/templates/_stylesheets.html ファイルを変更し、次の文を追加します
gt;
Apache を起動したり、manager.py を実行した後、内容を変更すると、次のエラーが報告されます
これは、horzion が Horizon/templates/horizon/_scripts.html を変更するためです。 /openstack_dashboard/templates/_stylesheets.html その理由は、/horizon/templates/horizon/_conf.html の 3 つのファイルが圧縮されて保存されているため、変更後にローカル アクセスによって検出エラーが発生するためです。
解決策は次のとおりです:
各変更後にmanage.py compressコマンドを1回実行し、再圧縮してパッケージ化してから、Apacheを再起動します。