フキダシがアイコンの下に出て名前が隠れる

タグ: フキダシ

このトピックには6件の返信、4人の参加者があり、最後にVektor,Incにより5年、 4ヶ月前に更新されました。

7件の投稿を表示中 - 1 - 7件目 (全7件中)

投稿者

投稿
2019年7月18日 4:49 AM #17478

norix7
閲覧者

Lightning Pro + スキンVarietyで使用させていただいています。
フキダシの機能を使ってみたのですが、スマホ（iPhone）の画面で表示すると、フキダシが顔アイコンの下に出てしまい、名前が隠れてしまいました。

※名前が隠れてしまうので、上の画像は名前を入力していません。

スマホで表示したときにフキダシがアイコンの下に出てもいいのですが、名前が隠れないようにできないものでしょうか。

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

2019年7月18日 1:08 PM #17486
うなこ
モデレーター
こんにちは！単純にアイコン下の文字を表示させるだけなら管理画面の追加cssの項目などに以下を追加すれば見えるようになると思います。
```
@media only screen and (max-width: 480px){
.vk_balloon_icon {
    margin-bottom: 2rem;
}
}
```
吹き出しのしっぽを小さく微調整したものはこちらになります。
お好みでどちらかを張り付けてみてください。
```
@media only screen and (max-width: 480px){
.vk_balloon_icon {
    margin-bottom: 2rem;
}
.vk_balloon.vk_balloon-position-left.vk_balloon-type-serif .vk_balloon_content::after {
    left: 4rem;
    border: 15px solid transparent;
    border-bottom-color: inherit;
    border-top: 0;
    margin-top: -15px;
}
.vk_balloon.vk_balloon-position-right.vk_balloon-type-serif .vk_balloon_content::after {
    right: 4rem;
    border: 15px solid transparent;
    border-bottom-color: inherit;
    border-top: 0;
    margin-top: -15px;
}
}
```
2019年7月18日 5:29 PM #17491

norix7
閲覧者

una様

具体的な回答ありがとうございます！
今出先のためまだ試せてないので、
取り急ぎお礼を言わせてください(‘∀’)

動作確認でき次第、ベストアンサーに
設定させていただきますね！

2019年7月18日 10:56 PM #17495

norix7
閲覧者

una様

iPhoneでアイコン下の名前が吹き出しで隠れずにちゃんと見えるようになりました！
ありがとうございました！

Attachments:
You must be logged in to view attached files.

2019年7月19日 2:56 PM #17509

Vektor,Inc
キーマスター

こちら不具合ですので吹き出しが右側に出るように修正を行っています。
来週早々にアップデート予定です。
アップデートすると、上記のコードの影響で表示がおかしくなりましたので、
アップデートしたら今回追記したコードを破棄してください。

ご迷惑おかけして恐れ入ります。
よろしくお願いいたします。

2019年7月21日 12:59 PM #17543

momo
閲覧者

私も治るのを待っておりました。ベーター版だから？と我慢してましたが、嬉しいです。

2019年7月22日 2:40 PM #17553

Vektor,Inc
キーマスター

本日アップ予定の ExUnit 9.4.1(beta) / VK Blocks 0.10.1 にて修正いたしましたので、
更新通知が出ましたら更新してご確認ください。
投稿者

投稿