2013-06-11 4 views
13

Nella mia app AA ho un tag di stato che mostra solo alcuni colori. Ci sono alcuni colori che posso usare o non posso? non riesco a trovare molte informazioni su questo. colori tag di stato con ActiveAdmin

qui è la mia orders_helper

modulo 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 

risposta

16

Nel repo si può vedere che solo pochi colori sono disponibili, vale a dire verde, arancione e rosso.

.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; } 
} 

Se si desidera aggiungere nuovi, si dovrà modificare l'active_admin.css.scss in questo modo

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

Grazie Luís. Mi piace il methos CSS. Molto pulito. Questo documento spiega l'uso di status_tag: http://www.activeadmin.info/docs/12-arbre-components.html#status_tag Nella domanda precedente, è possibile emettere lo status_tag (order.priority) e impostare i colori CSS per ogni peso prioritario. – scarver2

+2

Dato che questo post è stato scritto, hanno aggiunto '.yes' (un bel blu) e' .no' (un grigio scuro). C'è anche il grigio chiaro predefinito. – mgold