[ 解決済 ] VK ボタン の Font Awesome のアイコンを大きくするとアイコンが消える

VWSとは フォーラム VK Blocks・Pro [ 解決済 ] VK ボタン の Font Awesome のアイコンを大きくするとアイコンが消える

[ 解決済 ] VK ボタン の Font Awesome のアイコンを大きくするとアイコンが消える

  • このトピックには2件の返信、2人の参加者があり、最後に対馬 俊彦により4週前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #63457

    機能追加要望 か、不具合報告 か、判断ができなかったので、その他 で投稿させていただきます。

    昨日 Slack でこうのさんが教えてくれた Font Awesome のアイコンを大きくするやり方を VK ボタン でやってみたところ、アイコンが消える症状が起きています。

    文字の前のアイコンのコード指定を <i class="far fa-envelope fa-2xl"></i> として、
    デベロッパーツールで確認したところ、HTML が

    <i class="far vk_button_link_before fa-envelope fa-2xl"></i>

    となってほしいところ、fa-envelope と fa-2xl の間のスペースがなくなって以下のようになっています。

    <i class="far vk_button_link_before fa-envelopefa-2xl"></i>

    症状が起きている URL を書いておきます。

    以前にこのフォーラムでもアイコンサイズを大きくすることに関する質問がありましたし、これができるように調整していただけるとよいと思います。

    • このトピックは対馬 俊彦が1ヶ月、 4週前に変更しました。
    • このトピックはVektor,Incが1ヶ月、 4週前に変更しました。

    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #64508

    おまたせしました。
    VK Blocks Pro 1.32系で対応いたしましたのでアップデートの上ご確認くださいませ。

    #64510

    アップデートして、アイコンサイズを大きくできることを確認しました。

    アイコンサイズ以外にも…

    Font Awesome 6 で種類が増えたアニメーションも使えるようになったので、
    以下のように指定して注意を引くボタンをお手軽に作れるようになったので、うれしいです。

    <i class="far fa-envelope fa-2xl fa-beat"></i>

    ありがとうございます。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。