2013-06-11 26 views
13

Tôi có thẻ trạng thái trong ứng dụng AA của mình mà chỉ một số màu được hiển thị. Có một số màu sắc tôi có thể sử dụng hoặc không thể? không thể tìm thấy nhiều thông tin về điều này. màu thẻ trạng thái với ActiveAdmin

đây là orders_helper tôi

mô-đun 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 

Trả lời

16

Trong repo bạn có thể thấy rằng chỉ có một vài màu sắc có sẵn, cụ thể là màu xanh lá cây, cam và đỏ.

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

Nếu bạn muốn thêm những cái mới, bạn sẽ phải chỉnh sửa active_admin.css.scss của bạn như vậy

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

Cảm ơn Luís. Tôi thích methos CSS. Rất sạch sẽ. Tài liệu này giải thích cách sử dụng status_tag: http://www.activeadmin.info/docs/12-arbre-components.html#status_tag Trong câu hỏi trên, người ta có thể phát status_tag (order.priority) và thiết lập màu CSS cho mỗi trọng lượng ưu tiên. – scarver2

+2

Vì bài viết này được viết nên chúng đã thêm '.yes' (màu xanh dương) và' .no' (màu xám đậm). Ngoài ra còn có màu xám nhạt mặc định. – mgold