NEWS
平素は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
テキストマトリクス
stage__inner__page__section__answer__matrix__wide__base__table__single
stage__inner__page__section__answer__matrix__narrow__item__base__table__single
画像マトリクス
stage__inner__page__section__answer__matrix-image__wide__base__table__single
stage__inner__page__section__answer__matrix-image__narrow__item__base__table__single
片側イメージマトリクス
stage__inner__page__section__answer__matrix-image__wide__base__table__single
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
以上、何卒よろしくお願い致します。