...
※サンプルコード内の「#_ChatButton」は、通常ボタンのIDとなります。
チャットボタン設定で設定したボタンの場合は、ボタン要素IDで設定したIDに変更ください。
※bottomやrightの値は、ECサイト側のページトップへ戻るボタンの位置に合わせて適宜ご変更ください。
パネル |
---|
panelIconId | atlassian-plus |
---|
panelIcon | :plus: |
---|
panelIconText | :plus: |
---|
bgColor | #E6FCFF |
---|
|
スナックバー |
スペシャルタグ・アタッチメントのスナックバーの文字色と背景色を変更
...
コード ブロック |
---|
|
._ChatWindowABar_Root > ._ChatWindowABar_Content { /* スナックバーの背景色と文字色変更 */
background-color: rgba(125,125,125,0.8);
color: #eae8e1;
}
._ChatWindowABar_Content > div:nth-child(2) > button { /* スナックバーの閉じるボタンの文字色変更 */
color: #eae8e1;
} |
パネル |
---|
panelIconId | atlassian-plus |
---|
panelIcon | :plus: |
---|
panelIconText | :plus: |
---|
bgColor | #E6FCFF |
---|
|
アイテム一覧 |
スペシャルタグ・アタッチメントの背景色を変更
...
コード ブロック |
---|
|
#_ChatRoot ._ChatAtchBg { /* スペシャルタグ・アタッチメントの背景色変更 */
background-color: #515151;
} |
パネル |
---|
panelIconId | atlassian-plus |
---|
panelIcon | :plus: |
---|
panelIconText | :plus: |
---|
bgColor | #E6FCFF |
---|
|
ヘッダー戻るボタン |
ヘッダー戻るボタンの文字色を変更(ヘッダー戻るボタンはアタッチメント・スペシャルタグ表示時のみ)
...