2013-06-11 14 views
13

私の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 

答えて

16

ある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; } 
} 

あなたが新しいものを追加したい場合は、そう

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

おかげでルイスのようなあなたのactive_admin.css.scssを編集する必要があります。私はCSSのメソが好きです。非常にきれいな。このドキュメントでは、status_tagの使用方法について説明しています。http://www.activeadmin.info/docs/12-arbre-components.html#status_tag上記の質問では、status_tag(order.priority)を発行し、それぞれのCSSの色を設定できます優先度の重み。 – scarver2

+2

この投稿が書かれて以来、彼らは '.yes'(素敵な青色)と' .no'(ダークグレー)を追加しました。デフォルトのライトグレーもあります。 – mgold