status-tag Farben mit ActiveAdmin

Ich habe ein status-tag in meiner AA-app, die nur einige Farben zeigen sich. Gibt es bestimmte Farben, die ich verwenden kann oder nicht kann? kann nicht viel Informationen auf dieser.status-tag Farben mit ActiveAdmin

hier ist mein orders_helper

Modul 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
InformationsquelleAutor DhatchXIX | 2013-06-11
  1. 17

    In der repo Sie können sehen, dass nur ein paar Farben, nämlich grün, orange und rot.

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

    Wenn Sie wollen neue zu ergänzen, müssen Sie Ihre active_admin.css.scss wie so

    body.active_admin {
  .status_tag.blue { background: #63B8FF; }
}
    • Dank Luís. Ich mag die CSS methos. Sehr sauber. Dieses Dokument beschreibt die Benutzung von status_tag: activeadmin.info/docs/12-arbre-components.html#status_tag In der obigen Frage, kann man Problem status_tag(um.Priorität) und die CSS Farben für jede Priorität Gewicht.
    • Seit dieser post geschrieben wurde, fügten Sie hinzu .yes ( ein schönes blau) und die .no (ein dunkles Grau). Es ist auch der Standard hellgrau.
    • 2019, die Sie entfernt haben die Farben komplett und sind jetzt nur noch ein ja/Nein. Kopieren/Einfügen oben in der .scss, es wieder zu bekommen.
    InformationsquelleAutor Luís Ramalho
Schreibe einen Kommentar