web-dev-qa-db-ja.com

activeadminが原因でCSSファイルが上書きされます

まず、active_admincssファイルをapp/assets/stylesheets/active_admin.css.scssとして作成しました

/* active_admin.css.scss */
@import "active_admin/mixins";
@import "active_admin/base";

/* application.css.scss*/
@import "active_admin.css.scss"

だから私は私のcssの多くがオーバーライドされています、私は この投稿 の指示に従いましたが、それでも機能しません。ファイルの場所をapp/assets/stylesheets/active_admin.css.scssからvendor/assets/stylesheets/active_admin.css.scssに変更しましたが、それでも問題が発生します。

では、必要な場合にのみactiveadmin cssファイルをロードするにはどうすればよいですか?

26
Petran

Active_adminがNiceを再生するには、それをapplication.cssに含めないでください。つまり、

require_tree .

app/assets/stylesheets内に各ファイルを個別に要求しますが、active_admin.cssは配置しないでください

そしてconfig/production.rbにこれを置きます

config.assets.precompile += ['active_admin.css']
21
jimagic

選択された回答とネイサンの回答に関するseanlinsleyのコメントにも基づいて、「最もクリーンな」方法は実際に移動することであるように思われますactive_admin.css.scss from app/assets/stylesheets/からvendor/assets/stylesheets/

他の(構成)変更は必要ありません:「メイン」アプリのスタイルは通常に戻り、AA表示も通常です。

(require_treeの代わりに各リソースを手動で含めたくありませんでした...!)

これはAAが入り込んでいる方法です: AA(まだ)問題に関して未解決の問題

73
gfd

私にとってうまくいったのは(Rails 5)、app/assets/stylesheets /application.cssの*= require_self行の後に次の行を追加することでした。

*= stub "active_admin"
9
Maya Novarini

App/assets/stylehseets /application.css.sassからこの行を削除します

*= require_tree ../../../vendor/assets/stylesheets/

Active_admin.css.scssをvendor/assets/stylesheets /に移動します

3
NateGreat8

これは、この問題に対処するリンクです。 jsの問題にも対処しているため、非常に役立つと思った既存の回答を再投稿しています。再び私の答えではありません。

https://github.com/activeadmin/activeadmin/issues/3819#issuecomment-351377822

arif362は2017年12月13日にコメントしました

私が直面したのと同じ問題があり、以下でこれを解決しました。

まず、ベンダーディレクトリにassetsという名前のディレクトリを作成する必要があります。

次に、ベンダーフォルダのアセットディレクトリに、2つのディレクトリ(i)スタイルシートを作成する必要があります。2番目のディレクトリは(ii)javascriptsです。

その後、active_admin.scssファイルをassets/stylesheetsからvendor/assets/stylesheetsに移動し、active_admin.js.coffeeファイルをassets/javascriptsからvendor/assets/javascriptsに移動する必要があります。

そして最後に、Railsサーバーを再起動し、アプリをリロードします。これがうまくいくことを願っています。

1
nue tue