feat(site): mapa dos contactos a toda a largura
O mapa deixa de ser um cartão comprimido dentro da coluna de Informações (220px) e passa a ocupar a largura toda numa linha própria, por baixo da grelha Informações + Formulário (480px, mesma altura do .map de outras páginas). A coluna de Informações fica só com o texto (Localização, Telefone, E-mail, Horário de Funcionamento). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
7e2798d0b7
commit
b5bbbd3b5f
2 files changed
+18
-15
No files matched your search
@@ -1336,10 +1336,9 @@ h3.contact-title {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Compact map shown in the contacts info column (beside the form). */
|
/* Full-width map in Informações e contactos, below the info + form grid. */
|
||||||
.map-side {
|
.map-full {
|
||||||
height: 220px;
|
margin-top: 2.5rem;
|
||||||
margin-top: 1.5rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.map iframe {
|
.map iframe {
|
||||||
|
|||||||
+15
-11
@@ -78,17 +78,6 @@ $session = session();
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<?php // Mapa compacto, ao lado das informações ?>
|
|
||||||
<div class="map map-side" id="map">
|
|
||||||
<?php
|
|
||||||
// Defer the Google Maps iframe until the user scrolls near it.
|
|
||||||
$maps_embed = $info['google_maps'] ?? '';
|
|
||||||
if (strpos($maps_embed, 'loading=') === false) {
|
|
||||||
$maps_embed = str_replace('<iframe ', '<iframe loading="lazy" ', $maps_embed);
|
|
||||||
}
|
|
||||||
echo map_click_to_load(clean_map_embed($maps_embed), (string) ($info['google_maps_link'] ?? ''));
|
|
||||||
?>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
<div id="contact-form">
|
<div id="contact-form">
|
||||||
@@ -126,6 +115,21 @@ $session = session();
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<?php // Mapa a toda a largura, por baixo do grid de informações + formulário ?>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="map map-full" id="map">
|
||||||
|
<?php
|
||||||
|
// Defer the Google Maps iframe until the user scrolls near it.
|
||||||
|
$maps_embed = $info['google_maps'] ?? '';
|
||||||
|
if (strpos($maps_embed, 'loading=') === false) {
|
||||||
|
$maps_embed = str_replace('<iframe ', '<iframe loading="lazy" ', $maps_embed);
|
||||||
|
}
|
||||||
|
echo map_click_to_load(clean_map_embed($maps_embed), (string) ($info['google_maps_link'] ?? ''));
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
Reference in new issue
Block a user