Mudanças entre as edições de "Widget:Teste"

De Wiki Gla
Ir para navegação Ir para pesquisar
m (Limpou toda a página)
Etiquetas: Reversão manual anulando
 
(189 revisões intermediárias por 3 usuários não estão sendo mostradas)
Linha 1: Linha 1:
<style>
  /* Evita forçar cascata em telas médias */
  @media (max-width: 1180px) {
    .homepage-content {
      flex-direction: column !important;
    }


    .menu-col,
    .side-col {
      min-width: 100% !important;
      width: 100% !important;
      flex: 1 1 100% !important;
    }
  }
  /* Progressive enhancement com container queries */
  @supports (container-type: inline-size) {
    .homepage-content {
      container-type: inline-size;
      container-name: mainpage;
    }
    @container mainpage (max-width: 1180px) {
      .homepage-content {
        flex-direction: column !important;
      }
      .menu-col,
      .side-col {
        width: 100% !important;
        min-width: 100% !important;
        flex: 1 1 100% !important;
      }
    }
  }
</style>
<script>
  (function () {
    function checkCollapseLayout() {
      const content = document.querySelector('.homepage-content');
      const menuCol = document.querySelector('.menu-col');
      const sideCol = document.querySelector('.side-col');
      if (!content || !menuCol || !sideCol) return;
      const shouldCollapse = content.offsetWidth <= 1180;
      content.style.flexDirection = shouldCollapse ? 'column' : '';
      [menuCol, sideCol].forEach(el => {
        el.style.minWidth = shouldCollapse ? '100%' : '';
        el.style.width = shouldCollapse ? '100%' : '';
        el.style.flex = shouldCollapse ? '1 1 100%' : '';
      });
    }
    window.addEventListener('resize', checkCollapseLayout);
    document.addEventListener('DOMContentLoaded', checkCollapseLayout);
  })();
</script>

Edição atual tal como às 19h10min de 12 de setembro de 2025

Disponível em “https://wiki.gla.com.br/index.php?title=Widget:Teste&oldid=39086”