比較バージョン

キー

  • この行は追加されました。
  • この行は削除されました。
  • 書式設定が変更されました。

...

コード ブロック
languagecss
div#button_3 {/* 画像+テキスト サイズ変更、表示位置左→右変更 */
  width: 120px;
  height: 120px;
  left: unset;
  right: 30px;
  bottom: 80px;
  z-index: 100;
}

div#button_3 > div > div > button > span > svg > path{ /* 画像+テキスト <ボタン → ×ボタン */
    d: path("M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z");
}

div#button_3 .MuiTypography-root {/* 画像+テキストフォントサイズ調整 */
 font-size: 10px;
}

div#button_3 .MuiSvgIcon-root {/* 閉じるボタンフォントサイズ変更 */
font-size: 12px;
}

※サンプルコード内の「#button_3」は、チャットボタン設定のボタン要素IDで設定したIDに変更ください。
※widthやheightの値は、ご希望のサイズに適宜ご変更ください。

...