2013-06-11 22 views
13

AA uygulamasında yalnızca bazı renklerin görüntülendiği bir durum etiketim var. Kullanabileceğim veya kullanamadığım belirli renkler var mı? Bu konuda fazla bilgi bulamıyor. durum etiketi renkleri ActiveAdmin ile

Buraya benim orders_helper

modül OrdersHelper

def priority_tag_for_order(order) 
    printonrails_status_tag order_priority(order), color_for_weight(order.priority) 
    end 

    def color_for_weight(weight) 
    case weight 
     when 'lowest' 
     :gray 
     when 'low' 
     :blue 
     when 'mid' 
     :yellow 
     when 'high' 
     :orange 
     when 'highest' 
     :red 
    end 
    end 
end 

cevap

16

olduğunu repo yalnızca birkaç renkler, mevcut yani yeşil, turuncu ve kırmızı olduğunu görebilirsiniz. yenilerini eklemek istiyorsanız

.status_tag { 
    background: darken($secondary-color, 15%); 
    color: #fff; 
    text-transform: uppercase; 
    letter-spacing: 0.15em; 
    padding: 3px 5px 2px 5px; 
    font-size: 0.8em; 

    &.ok, &.published, &.complete, &.completed, &.green { background: #8daa92; } 
    &.warn, &.warning, &.orange { background: #e29b20; } 
    &.error, &.errored, &.red { background: #d45f53; } 
} 

, bunu

body.active_admin { 
    .status_tag.blue { background: #63B8FF; } 
} 
+0

Teşekkür Luís gibi active_admin.css.scss düzenlemek zorunda kalacaktır. CSS yöntemlerini seviyorum. Çok temiz. Bu belge, status_tag'ın kullanımını açıklar: http://www.activeadmin.info/docs/12-arbre-components.html#status_tag Yukarıdaki soruda, status_tag (order.priority) verilebilir ve her biri için CSS renkleri belirlenebilir. öncelik ağırlığı – scarver2

+2

Bu yazı yazıldığından beri .yes (güzel bir mavi) ve '.no' (koyu gri) eklediler. Varsayılan açık gri de vardır. – mgold