プロセスボタン色変更

kintone カスタマイズ
1

タイトルの通り、画像の通りにプロセスのボタンの色を変更できませんか？

普通に.gaia-app-statusbar-actionを使い、CSSを書いてみましたが、うまく変更できませんでした。

さらに実施、未実施に色を分けることは可能でしょか？

回答よろしくお願いします。

2

Joan様

お世話になっております。
トヨクモの江田と申します。

CSSには、優先順位が存在します。
kintoneのデフォルトのCSSで「.gaia-app-statusbar-actionlist-wrapper .gaia-app-statusbar-action」というように親要素から、セレクタが記述されているので、変更する場合も親要素から指定する必要があります。

また、アクションごとに色を分けるには、「:nth-child()」を用いるとよいです。

.gaia-app-statusbar-actionlist-wrapper .gaia-app-statusbar-action:nth-child(1){
  background-color: #f00;
}
.gaia-app-statusbar-actionlist-wrapper .gaia-app-statusbar-action:nth-child(2){
  background-color: #00f;
}
3

江田様

回答ありがとうございます、早速やってみます。