Etkin admin ile çalışmak için select2'i edinme

Question

Active Admin ile bir uygulama ile çalışıyorum ve belirli bir girişten birden fazla değer seçmek için ihtiyaç duyduğum, JS ve CSS ile ilgili tüm sorunları ekleyen Select2 gemini ekledim ancak Bazı nedenler seçtikleri kutuları hafifçe göründükleri görünümlerini değiştiriyor gibi görünüyorlar ancak Select2 görünümünde, incelendiğinde JS tüm doğru sınıflara eklenmiş gibi görünmüyor ...... herhangi bir fikir?

//= require select2 
//= require active_admin/base 
$(".select2able").select2({ 
placeholder: "Select a Partner" 
}); 

activeadmin formu

f.input :sponsors, as: :select, collection: Sponsor.all, input_html: {class: 'select2able'} 

Answer 1

Sorun çözüldü, kullanım seçilen js active_admin.js

//= require select2 
@import "active_admin/mixins"; 
@import "active_admin/base"; 

active_admin.css.scss: Burada

benim kodudur yerine lect2, select2'nin yanı sıra, aynı zamanda etkin admin'deki sorunlar olmadan da çalışır.

https://github.com/gregbell/active_admin/issues/2267#issuecomment-19197807

Answer 2

Bu .active_admin seçicisi içine onun CSS stilleri sarmak için Aktif Admin'nin kararı kaynaklanır. Sonuç olarak, üçüncü taraf taşların CSS stillerinin çoğu daha az belirgin hale gelir ve görünümleri bozulur.

2'yi Seç için

ve kimin CSS dosyaları içinde "stil" dir klasör tüm taşlar, active_admin.css.scss altındaki aşağıdaki satırları ekleyin: daha bunları,

body.active_admin { 
    @import "select2"; 
} 

Bu Select2 en stilleri tüm body.active_admin seçici verecektir yapma Active Admin'in stillerinden farklıdır.