Localizza errori API, sistema layout mobile e documenta allineamento iOS.

Gli header Accept-Language dalle app e i fix di padding/menu sul web chiudono il giro password-policy; il doc guida il lavoro su Mac. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-08-08 14:14:42 +02:00
parent dd9901519a
commit 1d1cbf9f3f
25 changed files with 430 additions and 98 deletions
@@ -8,7 +8,7 @@
    <%= render "shared/meta_tags" %>
    <%= yield :head %>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer">
-    <link rel="stylesheet" href="/marketing.css?v=44">
+    <link rel="stylesheet" href="/marketing.css?v=50">
  </head>
  <body data-confirm-i18n='<%= raw confirm_dialog_i18n_json %>'<% if MatchLiveTv.google_analytics_configured? %> data-ga-id="<%= MatchLiveTv.google_analytics_measurement_id %>"<% end %>>
    <%= render "shared/cookie_banner" %>
@@ -6,7 +6,7 @@
    <title><%= content_for?(:title) ? yield(:title) : "Match Live TV" %></title>
    <%= render "shared/meta_tags" %>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer">
-    <link rel="stylesheet" href="/marketing.css?v=44">
+    <link rel="stylesheet" href="/marketing.css?v=50">
    <link rel="stylesheet" href="/live.css?v=26">
    <%= yield :head %>
  </head>
@@ -2,25 +2,27 @@
 <% content_for :meta_description, t("auth.invitation.meta_description") %>
 <% content_for :robots, "noindex, nofollow" %>

-<div class="card" style="max-width:480px">
-  <h1><%= raw t("auth.invitation.title_html", team_name: @invitation.team.name) %></h1>
-  <p><%= raw t("auth.invitation.role_notice_html", email: @invitation.email) %></p>
-  <p class="muted" style="font-size:0.9rem;margin-bottom:16px">
-    <%= raw t("auth.invitation.instructions_html", email: @invitation.email) %>
-  </p>
-  <% if logged_in? %>
-    <%= button_to t("auth.invitation.accept"), public_invitation_path(token: @token), method: :post, class: "btn btn-primary" %>
-  <% else %>
-    <p><%= raw t(
-      "auth.invitation.login_or_signup_html",
-      login_link: link_to(t("auth.invitation.login_link"), public_login_path),
-      signup_link: link_to(t("auth.invitation.signup_link"), public_signup_path),
-      email: @invitation.email
-    ) %></p>
-    <%= button_to t("auth.invitation.accept_if_logged_in"), public_invitation_path(token: @token), method: :post, class: "btn btn-secondary" %>
-  <% end %>
-  <p style="margin-top:16px;font-size:0.88rem;color:#888">
-    <%= t("auth.invitation.mobile_app_label") %>
-    <a href="matchlivetv://join/<%= @token %>"><%= t("auth.invitation.open_in_app") %></a>
-  </p>
-</div>
+<section class="auth-page">
+  <div class="card">
+    <h1><%= raw t("auth.invitation.title_html", team_name: @invitation.team.name) %></h1>
+    <p><%= raw t("auth.invitation.role_notice_html", email: @invitation.email) %></p>
+    <p class="muted" style="font-size:0.9rem;margin-bottom:16px">
+      <%= raw t("auth.invitation.instructions_html", email: @invitation.email) %>
+    </p>
+    <% if logged_in? %>
+      <%= button_to t("auth.invitation.accept"), public_invitation_path(token: @token), method: :post, class: "btn btn-primary" %>
+    <% else %>
+      <p><%= raw t(
+        "auth.invitation.login_or_signup_html",
+        login_link: link_to(t("auth.invitation.login_link"), public_login_path),
+        signup_link: link_to(t("auth.invitation.signup_link"), public_signup_path),
+        email: @invitation.email
+      ) %></p>
+      <%= button_to t("auth.invitation.accept_if_logged_in"), public_invitation_path(token: @token), method: :post, class: "btn btn-secondary" %>
+    <% end %>
+    <p style="margin-top:16px;font-size:0.88rem;color:#888">
+      <%= t("auth.invitation.mobile_app_label") %>
+      <a href="matchlivetv://join/<%= @token %>"><%= t("auth.invitation.open_in_app") %></a>
+    </p>
+  </div>
+</section>
@@ -46,7 +46,8 @@

    <h3><%= t("legal.cookies.s4_1_title") %></h3>
    <p><%= t("legal.cookies.s4_1_intro") %></p>
-    <table class="legal-table">
+    <div class="table-scroll">
+      <table class="legal-table">
      <thead>
        <tr><th><%= t("legal.cookies.table_col_name") %></th><th><%= t("legal.cookies.table_col_purpose") %></th><th><%= t("legal.cookies.table_col_duration") %></th><th><%= t("legal.cookies.table_col_provider") %></th></tr>
      </thead>
@@ -64,7 +65,8 @@
          <td><%= t("legal.cookies.s4_1_row2_provider") %></td>
        </tr>
      </tbody>
-    </table>
+      </table>
+    </div>

    <h3><%= t("legal.cookies.s4_2_title") %></h3>
    <p>
@@ -75,7 +77,8 @@
    <% else %>
      <p class="muted"><%= t("legal.cookies.s4_2_inactive") %></p>
    <% end %>
-    <table class="legal-table">
+    <div class="table-scroll">
+      <table class="legal-table">
      <thead>
        <tr><th><%= t("legal.cookies.table2_col_name") %></th><th><%= t("legal.cookies.table_col_purpose") %></th><th><%= t("legal.cookies.table_col_duration") %></th><th><%= t("legal.cookies.table_col_provider") %></th></tr>
      </thead>
@@ -99,7 +102,8 @@
          <td><%= t("legal.cookies.s4_2_row3_provider") %></td>
        </tr>
      </tbody>
-    </table>
+      </table>
+    </div>
    <p>
      <%= raw t(
        "legal.cookies.s4_2_p2_html",
@@ -22,20 +22,22 @@

  <%= render "shared/plan_cards" %>

-  <table class="compare-table">
-    <thead>
-      <tr><th></th><th>Free</th><th>Premium Light</th><th>Premium Full</th></tr>
-    </thead>
-    <tbody>
-      <tr><td><%= t("pages.pricing.table_staff") %></td><td>1</td><td>5</td><td><%= t("pages.pricing.table_unlimited") %></td></tr>
-      <tr><td><%= t("pages.pricing.table_matches") %></td><td>1</td><td>3</td><td>10</td></tr>
-      <tr><td><%= t("pages.pricing.table_live_mltv") %></td><td><%= t("pages.pricing.table_yes") %></td><td><%= t("pages.pricing.table_yes") %></td><td><%= t("pages.pricing.table_yes") %></td></tr>
-      <tr><td><%= t("pages.pricing.table_youtube") %></td><td><%= t("pages.pricing.table_no") %></td><td>Match Live TV</td><td><%= t("pages.pricing.table_youtube_club") %></td></tr>
-      <tr><td><%= t("pages.pricing.table_replay") %></td><td><%= t("pages.pricing.table_no") %></td><td><%= t("pages.plans.replay_days", count: 30) %></td><td><%= t("pages.plans.replay_days", count: 90) %></td></tr>
-      <tr><td><%= t("pages.pricing.table_download") %></td><td><%= t("pages.pricing.table_no") %></td><td><%= t("pages.pricing.table_yes") %></td><td><%= t("pages.pricing.table_yes") %></td></tr>
-      <tr><td><%= t("pages.pricing.table_price") %></td><td><%= t("pages.pricing.table_price_free") %></td><td><%= raw t("pages.pricing.table_price_light_html") %></td><td><%= raw t("pages.pricing.table_price_full_html") %></td></tr>
-    </tbody>
-  </table>
+  <div class="table-scroll">
+    <table class="compare-table">
+      <thead>
+        <tr><th></th><th>Free</th><th>Premium Light</th><th>Premium Full</th></tr>
+      </thead>
+      <tbody>
+        <tr><td><%= t("pages.pricing.table_staff") %></td><td>1</td><td>5</td><td><%= t("pages.pricing.table_unlimited") %></td></tr>
+        <tr><td><%= t("pages.pricing.table_matches") %></td><td>1</td><td>3</td><td>10</td></tr>
+        <tr><td><%= t("pages.pricing.table_live_mltv") %></td><td><%= t("pages.pricing.table_yes") %></td><td><%= t("pages.pricing.table_yes") %></td><td><%= t("pages.pricing.table_yes") %></td></tr>
+        <tr><td><%= t("pages.pricing.table_youtube") %></td><td><%= t("pages.pricing.table_no") %></td><td>Match Live TV</td><td><%= t("pages.pricing.table_youtube_club") %></td></tr>
+        <tr><td><%= t("pages.pricing.table_replay") %></td><td><%= t("pages.pricing.table_no") %></td><td><%= t("pages.plans.replay_days", count: 30) %></td><td><%= t("pages.plans.replay_days", count: 90) %></td></tr>
+        <tr><td><%= t("pages.pricing.table_download") %></td><td><%= t("pages.pricing.table_no") %></td><td><%= t("pages.pricing.table_yes") %></td><td><%= t("pages.pricing.table_yes") %></td></tr>
+        <tr><td><%= t("pages.pricing.table_price") %></td><td><%= t("pages.pricing.table_price_free") %></td><td><%= raw t("pages.pricing.table_price_light_html") %></td><td><%= raw t("pages.pricing.table_price_full_html") %></td></tr>
+      </tbody>
+    </table>
+  </div>

  <div class="card" style="margin-top:32px;text-align:center">
    <h3 style="margin-top:0"><%= t("pages.pricing.different_title") %></h3>
@@ -77,7 +77,8 @@

  <section>
    <h2><%= t("legal.privacy.s5_title") %></h2>
-    <table class="legal-table">
+    <div class="table-scroll">
+      <table class="legal-table">
      <thead>
        <tr><th><%= t("legal.privacy.s5_col_purpose") %></th><th><%= t("legal.privacy.s5_col_basis") %></th></tr>
      </thead>
@@ -107,7 +108,8 @@
          <td><%= t("legal.privacy.s5_row6_basis") %></td>
        </tr>
      </tbody>
-    </table>
+      </table>
+    </div>
  </section>

  <section>
@@ -20,6 +20,7 @@

  <h3 style="margin-top:28px;font-size:1.1rem"><%= t("billing.documents.table_heading") %></h3>
  <% if payments.any? %>
+    <div class="table-scroll">
    <table class="data billing-table">
      <thead>
        <tr>
@@ -60,6 +61,7 @@
        <% end %>
      </tbody>
    </table>
+    </div>
  <% else %>
    <p style="color:#888"><%= t("billing.documents.no_payments") %></p>
  <% end %>
@@ -58,10 +58,18 @@
  }

  toggle.addEventListener("click", function (e) {
+    e.preventDefault();
    e.stopPropagation();
    setOpen(menu.hidden);
  });

+  // Keep parent mobile nav open while interacting with the switcher UI.
+  root.addEventListener("click", function (e) {
+    if (e.target.closest(".lang-switcher__toggle")) {
+      e.stopPropagation();
+    }
+  });
+
  document.addEventListener("click", function (e) {
    if (!root.contains(e.target)) setOpen(false);
  });
@@ -19,6 +19,15 @@

  <nav id="site-nav" class="nav" aria-label="<%= t('nav.main_menu') %>" aria-hidden="true">
    <div class="nav-panel">
+      <div class="nav-mobile-head">
+        <%= link_to root_path, class: "nav-mobile-brand", aria: { label: "Match Live TV" }, title: "Match Live TV" do %>
+          <img class="nav-mobile-brand-logo" src="/logo.png?v=3" alt="" width="40" height="40" decoding="async">
+          <span class="brand">Match <span>Live TV</span></span>
+        <% end %>
+        <div class="nav-lang">
+          <%= render "shared/language_switcher" %>
+        </div>
+      </div>
      <%= link_to t("nav.home"), root_path, class: (request.path == "/" ? "nav-active" : nil) %>
      <%= link_to t("nav.features"), public_features_path, class: (request.path == "/funzionalita" ? "nav-active" : nil) %>
      <%= link_to t("nav.pricing"), public_prezzi_path, class: (request.path == "/prezzi" ? "nav-active" : nil) %>
@@ -40,9 +49,6 @@
          <%= link_to t("nav.login"), public_login_path, class: "nav-link-item" %>
          <%= link_to t("nav.signup"), public_signup_path, class: "btn btn-primary nav-btn" %>
        <% end %>
-        <div class="nav-lang">
-          <%= render "shared/language_switcher" %>
-        </div>
      </div>
    </div>
  </nav>
@@ -78,8 +84,16 @@

  if (backdrop) backdrop.addEventListener("click", closeMenu);

+  function shouldCloseNavOnControl(el) {
+    // Language toggle must keep the mobile menu open; only a locale choice may close it.
+    if (!el.closest("[data-lang-switcher]")) return true;
+    return el.classList.contains("lang-switcher__option");
+  }
+
  nav.querySelectorAll("a, button").forEach(function (el) {
-    el.addEventListener("click", closeMenu);
+    el.addEventListener("click", function () {
+      if (shouldCloseNavOnControl(el)) closeMenu();
+    });
  });

  window.addEventListener("resize", function () {