stks56's tech blog

Keep it simple, stupid.

ActiveAdminのスタイルが他ページまで影響してしまう。

Active Adminという管理画面作成用のgemを入れるとき、Active AdminのCSSが他のページにまで影響してしまうという問題が起こった。

f:id:stks56:20190311054806p:plain
"ヘッダーのリンクに下線が追加されてしまっていたり、ログインボタンが変わってしまっている

totutotu.hatenablog.com

以上の方法で回避。

何をしているかというと

まずadminというフォルダにActiveAdmin関係のフォルダを用意

マニフェストファイルにて application.css

*= require_tree .
// ディレクトリ内のすべてのファイルを読み込み
↓
*= requiire_directory .
// ディレクトリ直下のファイルのみ読み込み

に書き換え

ActiveAdmin側の設定でadminフォルダ内のファイルを読み込むように設定

ということだそうだ

アセットパイプライン周りの知識が薄いと感じたのでそれはまたあとで復習することにしよう。