WordPress Thickbox отзывчивый - PullRequest
Новая
       31

WordPress Thickbox отзывчивый

0 голосов
/ 04 мая 2018

Я работаю над плагином WordPress. Я хотел бы использовать своего рода модал для этого. Я нашел толстый ящик. Это хорошо работает! Но это не отзывчиво.

Есть ли у вас идеи, чтобы сделать этот Thickbox отзывчивым? Я пытался задать ему ширину auto и высоту в "vh", но ничего.

Это мой код: 

  <div id="my-content-id" style="display:none;">
     <form action="#" method="post">
                      <label for="digisoft_clickToCall_lastnameClient">Votre nom :</label><br>
                      <input id="digisoft_clickToCall_lastnameClient" name="digisoft_clickToCall_lastnameClient"
                               type="text"/>
                      <label for="digisoft_clickToCall_firstnameClient">Votre prénom :</label><br>
                      <input id="digisoft_clickToCall_firstnameClient" name="digisoft_clickToCall_firstnameClient"
                               type="text"/>
                      <label for="digisoft_clickToCall_emailClient">Votre adresse mail :</label><br>
                      <input id="digisoft_clickToCall_emailClient" name="digisoft_clickToCall_emailClient"
                               type="email"/>
                      <label for="digisoft_clickToCall_numberClient">Votre numéro :</label><br>
                      <input id="digisoft_clickToCall_numberClient" name="digisoft_clickToCall_numberClient"
                               type="tel"/><br>

                      <input type="submit" class="btn-group button" value="Demander le rappel">

                    </form>
</div>

<a href="#TB_inline?width=600&height=500&inlineId=my-content-id" id="callnowbutton" style="font-size: 150%; color:white;" class="thickbox">'.$buttonText.'</a>';

Ты за свое время.

1 Ответ

0 голосов
/ 04 мая 2018

Рабочий пример был бы полезен. В противном случае мы можем указать вам только определенные направления.

Один из способов сделать что-то действительно быстро реагирующим - это flexbox. Например: 

.YOUR__CONTAINER {
  display:flex;
  flex-direction: column; }

Полезная ссылка на flexbox: https://css -tricks.com / сниппеты / CSS / а-руководство к Flexbox /

...