状态标签颜色与ActiveAdmin

我有一个状态标签在我的AA应用程序，只有一些颜色显示出来。我可以使用或不能使用某些颜色吗？在这方面找不到很多信息。状态标签颜色与ActiveAdmin

这里是我的orders_helper

模块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

来源

2013-06-11 DhatchXIX

在repo你可以看到，只有少数颜色可供选择，分别是绿色，橙色和红色。

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

如果要添加新的，你必须编辑您的active_admin.css.scss像这样

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

来源

2013-06-11 18:49:44

感谢路易斯。我喜欢CSS方法。很干净。本文档解释了status_tag的用法：http://www.activeadmin.info/docs/12-arbre-components.html#status_tag在上述问题中，您可以发出status_tag（order.priority）并为每种颜色设置CSS颜色优先重量。 – scarver2

自从这篇文章写完后，他们添加了'.yes'（一个很好的蓝色）和'.no'（一个深灰色）。还有默认的浅灰色。 – mgold

状态标签颜色与ActiveAdmin

回答

相关问题