Вы здесь

Вертикальный отступ у CTools Modal на теме Bootstrap.

1

Привет, ребята, может кто сталкивался с проблемой. Появляется лишний отступ сверху у модального окна, выведенного посредством CTools. Замечено, что баг появляется только в теме Bootstrap, и при изменении размера окна браузера, модальное окно как бы "прыгает" вверх и принимает верные координаты. Кто то сталкивался? Есть мысли?

Версия Drupal: 
7.x
Категория: 
HTML/CSS
Связанные проекты: 
Chaos tool suite (ctools)
Вопрос задан 29.05.2015 - 18:23

А что заставляет его быть не на месте? Что в инспекторе CSS?

Комментарий оставлен 29.05.2015 - 20:35

Ну, в CSS инлайновые стили, сгенерированные modal.js, как я понимаю. Ещё раз уточню, что при малейшем ресайзе окна эти стили меняются, и модальное окно выравнивается как нужно.

Комментарий оставлен 29.05.2015 - 21:49

Ну вот и ответ. Забей хардкорно через !important нужные параметры. Ну или через js, там как удобнее.

Комментарий оставлен 29.05.2015 - 22:16

Ну да, так то всегда можно.. Если ничего более элегантного не предложат, так и сделаю, походу)

Комментарий оставлен 29.05.2015 - 22:35

Ну как более элегантнее я тут хз. Тут только костылить, т.к. модули не притирались для друг друга. В код модуля лезть нельзя, не по фен-шую. Самый простой и нормальный способ. Не заморачивайся и делайте так.

Комментарий оставлен 29.05.2015 - 22:51

Ответы

2

Может проще использовать Twitter Bootstrap Modal

Ответ дан 30.05.2015 - 12:30

Да, спасибо за наводку, надо попробовать на будущих проектах :)

Комментарий оставлен 30.05.2015 - 15:37
0

В общем, добавил такой костыль

$('.ctools-use-modal').click(function() {
  $('#modalContent').css({
    'position':'fixed',
    'top': '32%',
});

Заодно, зафиксировал окно, а то при прокрутке страницы оставалось вверху)

Ответ дан 30.05.2015 - 15:39