yandex-maps-unofficial / vue-yandex-maps

Yandex Maps 3.0 components library for VueJS.
https://yandex-maps-unofficial.github.io/vue-yandex-maps/
MIT License
70 stars 9 forks source link

Автоматические размеры балуна? #13

Closed dpmango closed 6 months ago

dpmango commented 1 year ago

Что делать в случае динамического контента внутри балуна? Было бы неплохо автоматически считать размеры

Снимок экрана 2022-10-10 в 15 58 12

P.S. Успешно подключилось на nuxt3-rc, полет нормальный

PNKBizz commented 1 year ago

Давайте вместе подумаем как можно это реализовать )

sergeev-vn commented 1 year ago

Поддерживаю, очень необходимая вещь, может быть кто-нибудь придумал костыль?)

Ramsly commented 1 year ago

Сделал через CSS

.ymaps-2-1-79-balloon { width: 330px !important; min-height: auto !important; }

Костыль, но полет нормальный

sergeev-vn commented 1 year ago

Сделал через CSS .ymaps-2-1-79-balloon { width: 330px !important; min-height: auto !important; }

Лично у меня не работает(

Высота для класса yandex-balloon обязательна, а плагин в свою очередь устанавливает по ней фиксированную высоту на обёртку балуна. Если не задавать, будет сплющенная высота как в первом посте. min-height в .ymaps-2-1-79-balloon не даёт никакого результата

Ramsly commented 1 year ago

Странно, у меня все работает. Да есть проблема, когда контента внутри балуна нет, то балун будет сплюснутым. Но это хоть какой-то выход из положения)

Сделал через CSS .ymaps-2-1-79-balloon { width: 330px !important; min-height: auto !important; }

Лично у меня не работает(

Высота для класса yandex-balloon обязательна, а плагин в свою очередь устанавливает по ней фиксированную высоту на обёртку балуна. Если не задавать, будет сплющенная высота как в первом посте. min-height в .ymaps-2-1-79-balloon не даёт никакого результата

unn3daby commented 1 year ago

Странно, у меня все работает. Да есть проблема, когда контента внутри балуна нет, то балун будет сплюснутым. Но это хоть какой-то выход из положения)

Сделал через CSS .ymaps-2-1-79-balloon { width: 330px !important; min-height: auto !important; }

Лично у меня не работает( Высота для класса yandex-balloon обязательна, а плагин в свою очередь устанавливает по ней фиксированную высоту на обёртку балуна. Если не задавать, будет сплющенная высота как в первом посте. min-height в .ymaps-2-1-79-balloon не даёт никакого результата

Костыль тоже не работает(

Ramsly commented 1 year ago
<style lang="scss">
* {
  font-family: Helvetica, sans-serif;
  font-size: 1em;
}

.ymaps-2-1-79-balloon {
  width: 330px !important;
  min-height: auto !important;
}

.ymaps-2-1-79-balloon__content > ymaps {
  width: 100% !important;
  height: 100% !important;
}
</style>

Полный код стилей для балунов

@unn3daby @sergeev-vn

daniluk4000 commented 6 months ago

Реализовано в 2.0, теперь размеры задаёт разработчик просто в стилях