Окно изменить баланс в Биллинге 2

InstantCMS 2.X

Не видно кнопки "продолжить" в горизонтальном положении на мобильных устройствах

#1 1 июня 2018 в 13:16
Добрый день. Владельцы Биллинга для ICMS 2 проверьте пожалуйста у себя такой момент.

На мобильных телефонах с размером экрана 5 дюймов в горизонтальном положении не видно кнопки ПРОДОЛЖИТЬ в окне изменить баланс.


Когда смотришь F12 вроде всё нормально, на реальном телефоне не видно.
Не хватает мобильности окну. Подскажите пожалуйста что добавить. Спасибо.
#2 1 июня 2018 в 13:22
Ну там есть такая строчка
<div class="nyroModalCont" style="position: fixed; width: 481px; height: 235px; top: 33.5px; left: 404px; overflow: auto;">

я правда не знаю высота там в коде прямо прописана или генерируется при создании окна, но данному лкассу я думаю можно через !important задать минимальную высоту
#3 1 июня 2018 в 13:24

Ну там есть такая строчка

Jestik

Эта строчка генерируется для каждого окна отдельно.

Мобильность для всех модальных окон тут прописана /templates/шаблон/css/theme-modal.css

  1. @media screen and (max-width: 640px) {
  2. .nyroModalCont{
  3. margin: 30px 15px;
  4. }
  5. .nyroModalCloseButton {
  6. top: -30px;
  7. right: 0;
  8. width: 25px;
  9. height: 25px;
  10. background-size:cover;
  11. z-index:201;
  12. }
  13. .nyroModalTitle {
  14. font-size:14px;
  15. padding:0 60px 0 0;
  16. }
  17. .nyroModalMessage .nyroModalCont {
  18. max-width: calc(100% - 30px) !important;
  19. margin:30px 0 15px !important;
  20. }
  21. .nyroModalMessage .nyroModalCont.nyroModalImg{
  22. margin:0 !important;
  23. }
  24. .nyroModalMessage .nyroModalTitle {
  25. font-size:22px;
  26. padding:0;
  27. }
  28. .nyroModalMessage .nyroModalImage img {
  29. max-width:100%;
  30. max-height:100%;
  31. margin:auto;
  32. }
  33. }
Вот в ней чего то не хватает скорее всего.

Добавил
  1. @media screen and (max-width: 640px) {
  2. .nyroModalCont{
  3. margin: 30px 15px;
  4. min-height: 290px !important;
  5. }
Вроде поправилось, может кто лучше вариант предложит, так как эта правка на все окна действует.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.