aaccent / loginov_layout

Верстка сайта Loginov agency
https://aaccent.github.io/loginov_layout/
0 stars 0 forks source link

Контакты #24

Closed foxhable closed 7 months ago

foxhable commented 7 months ago
  1. Карту перекрывает элемент .hero__site-container, из-за чего в середине нельзя двигать
Скрин ![image](https://github.com/aaccent/loginov_layout/assets/36298346/fe749c0b-4f8c-4dc9-941c-1713f7b6984d)

  1. На мобилке размер иконки больше макета
Скрин ![image](https://github.com/aaccent/loginov_layout/assets/36298346/7b11067b-848e-4bbe-b0ef-7d81d2e20bc4)

  1. Отступ снизу для карты в макете 285px, в верстке 195px
Скрин ![image](https://github.com/aaccent/loginov_layout/assets/36298346/4bd255c1-3ec7-404e-819a-b2d5f8d05bf0)
EduardoAlparov commented 7 months ago

Исправлено, нужно проверить

foxhable commented 7 months ago

Добавь в инициализацию карты, чтобы перемещение на мобилке было двумя пальцами. Вроде код от сюда должен работать

Код ```js function mapInit() { const isMobile = window.matchMedia('(max-width: 900px)').matches const myOptions = { scrollZoom: false, drag: !isMobile }; const map = new ymaps.Map(ymap, myOptions); const eventsPane = map.panes.get('events'); const eventsPaneEl = eventsPane.getElement(); const mobilePanelStyles = { alignItems: 'center', boxSizing: 'border-box', color: 'white', display: 'flex', justifyContent: 'center', fontSize: '22px', fontFamily: 'Arial,sans-serif', opacity: '0.0', padding: '25px', textAlign: 'center', transition: 'opacity .3s', touchAction: 'auto' }; Array.prototype.forEach.call(Object.keys(mobilePanelStyles), function (name) { eventsPaneEl.style[name] = mobilePanelStyles[name]; }); map.behaviors.disable('scrollZoom'); if (isMobile) { map.behaviors.disable('drag'); ymaps.domEvent.manager.add(eventsPaneEl, 'touchmove', function (event) { if (event.get('touches').length === 1) { eventsPaneEl.style.transition = 'opacity .3s'; eventsPaneEl.style.background = 'rgba(0, 0, 0, .45)'; eventsPaneEl.textContent = 'Чтобы переместить карту проведите по ней двумя пальцами'; eventsPaneEl.style.opacity = '1'; } }); ymaps.domEvent.manager.add(eventsPaneEl, 'touchend', function () { eventsPaneEl.style.transition = 'opacity .8s'; eventsPaneEl.style.opacity = '0'; }); } } ```
EduardoAlparov commented 7 months ago

Исправлено, нужно проверить