fix: tighten narrow viewport behavior

2026-09-12 09:42:17 +07:00
parent 4fef0e8b74
commit e7f3de1ddc
4 changed files with 22 additions and 3 deletions
@@ -77,6 +77,7 @@ const datasetJsonLd = {
  <section class="how-it-works content-grid"><div><span class="overline">Как читать данные</span><h2>Не обещаем рыбу.<br/>Показываем факты.</h2></div><div class="principles"><article><span>01</span><h3>Свежесть</h3><p>Чем старше сообщение, тем меньше оно влияет на активность.</p></article><article><span>02</span><h3>Разные игроки</h3><p>Десять уловов одного человека не равны десяти подтверждениям.</p></article><article><span>03</span><h3>Уверенность</h3><p>Каждая оценка объясняет, сколько данных за ней стоит.</p></article></div></section>
  <script>
    const advancedFields = document.querySelectorAll<HTMLElement>(".filter-advanced-field");
+    const advancedDisclosure = document.querySelector<HTMLDetailsElement>(".filter-advanced-fallback");
    const compactFilters = window.matchMedia("(max-width: 720px)");
    const syncFilters = () => {
      advancedFields.forEach(field => {
@@ -85,6 +86,7 @@ const datasetJsonLd = {
        field.classList.remove("filter-compact-hidden");
      });
    };
+    if (compactFilters.matches) advancedDisclosure?.removeAttribute("open");
    syncFilters();
    compactFilters.addEventListener("change", syncFilters);
  </script>