平素はCREATIVE SURVEYをご利用いただきありがとうございます。

この度、アップデート作業を2020年12月15日（火）15:00に予定しております。

なお、作業中もCREATIVE SURVEYはご利用頂ける予定です。

下記内容はカスタムCSSに影響の可能性ございます。
アンケート内でカスタムCSSをご利用のユーザー様は事前にご確認下さいませ。

【修正/改善】

＜デザイン＞
既存の各パーツテーマにラジオボタンのスタイルを追加します。

-この修正に伴い、以下の1.または2.のCSSを設定されている方は影響される可能性がございますのでご注意下さい。

1. チェックアイコンを !important 指定で変更しているもの

アイコン画像を変更して !important 指定しているものは、アイコン部分が各種スタイルで表現したもの（今回追加したラジオボタンスタイル）と background-image の二重表示される事があるかと思います。

/* text choice */
.stage__inner__page__section__answer__checkboxes__checkbox__inner__check {
  background-image: url('https://storage.creativesurvey.com/test/images/20201130_check_theme/icon.svg') !important;
}

/* image choice */
.stage__inner__page__section__answer__images__image__source__inner__rel__check__icon {
  background-image: url('https://storage.creativesurvey.com/test/images/20201130_check_theme/icon.svg') !important;
}

/* matrix */
.stage__inner__page__section__answer__matrix__wide__base__table__body__cell__button__checkbox_checked,
.stage__inner__page__section__answer__matrix__narrow__item__base__table__body__cell__button__checkbox_checked,
.stage__inner__page__section__answer__matrix-image__narrow__item__base__table__body__cell__button__checkbox_checked, 
.stage__inner__page__section__answer__matrix-image__wide__base__table__body__cell__button__checkbox_checked {
  background-image: url('https://storage.creativesurvey.com/test/images/20201130_check_theme/icon.svg') !important;
}

2. 色を変更しているもの

選択時や枠の色を変更しているものについては、一部デフォルトテーマの色となってしまうことが起きる場合があるかと思います。

/* text choice */
.stage__inner__page__section__answer__checkboxes__checkbox__inner:hover,
.stage__inner__page__section__answer__checkboxes__checkbox__inner_checked:hover {
  background-color: #ffff82;
  border-color: #eaa21a;
}

/* matrix checkbox */
.stage__inner__page__section__answer__matrix__wide__base__table__body__cell__button__checkbox_checked,
.stage__inner__page__section__answer__matrix__narrow__item__base__table__body__cell__button__checkbox_checked,
.stage__inner__page__section__answer__matrix-image__narrow__item__base__table__body__cell__button__checkbox_checked,
.stage__inner__page__section__answer__matrix-image__wide__base__table__body__cell__button__checkbox_checked {
  background-color: #eaa21a !important;
}

変更点

選択形式の設問で単一選択の場合に次のようにクラスを追加するようにしております。

• テキスト選択: stage__inner__page__section__answer__checkboxes__single

• 画像選択: stage__inner__page__section__answer__images__single

• テキストマトリクス

  • wideテーブル: stage__inner__page__section__answer__matrix__wide__base__table__single
  • narrowテーブル: stage__inner__page__section__answer__matrix__narrow__item__base__table__single

• 画像マトリクス

  • wideテーブル: stage__inner__page__section__answer__matrix-image__wide__base__table__single
  • narrowテーブル: stage__inner__page__section__answer__matrix-image__narrow__item__base__table__single

• 片側イメージマトリクス

  • wideテーブル: stage__inner__page__section__answer__matrix-image__wide__base__table__single
  • narrowテーブル: stage__inner__page__section__answer__matrix__narrow__item__base__table__single

そのクラスを使用して、選択形式の設問が単一選択の場合のスタイルを上書きしています。 上書き対象となるクラスは次のものです。

/* テキスト選択 */
.stage__inner__page__section__answer__checkboxes__checkbox__inner__check
.stage__inner__page__section__answer__checkboxes__checkbox__inner__uncheck
.stage__inner__page__section__answer__checkboxes__checkbox__inner_checked
.stage__inner__page__section__answer__checkboxes__checkbox__inner

/* 画像選択 */
.stage__inner__page__section__answer__images__image__source__inner__rel__check__icon

/* テキストマトリクス */
.stage__inner__page__section__answer__matrix__wide__base__table__body__cell__button__checkbox_checked

/* 画像マトリクス */
.stage__inner__page__section__answer__matrix-image__narrow__item__base__table__body__cell__button__checkbox_checked
.stage__inner__page__section__answer__matrix-image__wide__base__table__body__cell__button__checkbox_checked
.stage__inner__page__section__answer__matrix__wide__base__table__body__cell__button__checkbox_checked

以上、何卒よろしくお願い致します。