15

我的 AA 应用程序中有一个状态标签,只显示了一些颜色。我可以使用或不能使用某些颜色吗?找不到太多这方面的信息。

这是我的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
4

3 回答 3

22

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-11T18:49:44.720 回答
2

最好使用自定义类方法

status_tag 'TAG', class: 'class'
于 2020-08-20T06:29:08.707 回答
0

我们可以通过在您的active_admin.scss. 我正在使用红宝石'2.5.3'。我只是想用不同的颜色而不是默认的灰色来设置我的 Yes/No status_tags 的样式,这对我有用。

body.active_admin {
        .status_tag.yes {
                background: #a9c68d;
        }
}

body.active_admin {
        .status_tag.no {
                background: #b3b3b3;
        }
}

现在我的仪表板看起来像这样。

我用绿色涂了“是”,用灰色涂了“否”

于 2020-03-10T05:37:20.953 回答