From 1b704b98e5bb3437fcc53cad01fd5cccce501bab Mon Sep 17 00:00:00 2001
From: Maxim Dolgolyov <maxim.dolgolyov@gmail.com>
Date: Fri, 29 May 2026 08:38:45 +0300
Subject: [PATCH] =?UTF-8?q?fix(geom7):=20=D1=83=D0=B1=D1=80=D0=B0=D0=BD?=
 =?UTF-8?q?=D0=B0=20=D0=B2=D0=B5=D1=80=D1=85=D0=BD=D1=8F=D1=8F=20=D0=B3?=
 =?UTF-8?q?=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D0=B0=20max-width=20=E2=80=94=20?=
 =?UTF-8?q?SVG=20=D1=80=D0=B0=D1=81=D1=82=D1=8F=D0=B3=D0=B8=D0=B2=D0=B0?=
 =?UTF-8?q?=D1=8E=D1=82=D1=81=D1=8F=20=D0=BD=D0=B0=20=D0=B2=D1=81=D1=8E=20?=
 =?UTF-8?q?=D1=88=D0=B8=D1=80=D0=B8=D0=BD=D1=83=20=D0=BA=D0=BE=D0=BD=D1=82?=
 =?UTF-8?q?=D0=B5=D0=B9=D0=BD=D0=B5=D1=80=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Когда я добавил max-width:Wpx, SVG в одиночных карточках перестали
заполнять контейнер: в карточке шириной 800px SVG ограничивался
своим intrinsic размером (например 320px для §6), и казался мелким.

Правильная responsive-стратегия — width:100% БЕЗ верхней границы.
viewBox + preserveAspectRatio сами правильно отмасштабируют содержимое.
Теперь в одиночных карточках SVG занимает всю ширину, в flex-сетке —
свою долю.

Cache-bust ?v=6.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/js/geom7_svg.js               | 2 +-
 frontend/textbooks/geometry_7_ch1.html | 2 +-
 frontend/textbooks/geometry_7_ch2.html | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/js/geom7_svg.js b/frontend/js/geom7_svg.js
index a8a4d86..28bf56a 100644
--- a/frontend/js/geom7_svg.js
+++ b/frontend/js/geom7_svg.js
@@ -36,7 +36,7 @@ G.svgBox = function(w, h, opts){
       +'</pattern></defs>'
       +'<rect width="'+w+'" height="'+h+'" fill="url(#g7-grid-'+(opts.id||'def')+')"/>';
   }
-  return { open:'<svg viewBox="0 0 '+w+' '+h+'" preserveAspectRatio="xMidYMid meet" style="width:100%;max-width:'+(opts.maxWidth||(w+'px'))+';height:auto;display:block;margin:'+(opts.margin||'0 auto')+';background:'+bg+';border-radius:10px;border:1px solid #e2e8f0">'+gridSvg, close:'</svg>' };
+  return { open:'<svg viewBox="0 0 '+w+' '+h+'" preserveAspectRatio="xMidYMid meet" style="width:100%;height:auto;display:block;margin:'+(opts.margin||'0 auto')+';background:'+bg+';border-radius:10px;border:1px solid #e2e8f0">'+gridSvg, close:'</svg>' };
 };
 
 /* === Точка === */
diff --git a/frontend/textbooks/geometry_7_ch1.html b/frontend/textbooks/geometry_7_ch1.html
index e75c851..50e3f51 100644
--- a/frontend/textbooks/geometry_7_ch1.html
+++ b/frontend/textbooks/geometry_7_ch1.html
@@ -13,7 +13,7 @@
   onload="renderMathInElement(document.body,{delimiters:[{left:'$$',right:'$$',display:true},{left:'$',right:'$',display:false},{left:'\\[',right:'\\]',display:true},{left:'\\(',right:'\\)',display:false}],throwOnError:false})"></script>
 <script src="/js/api.js" defer></script>
 <script src="/js/xp.js" defer></script>
-<script src="/js/geom7_svg.js?v=5" defer></script>
+<script src="/js/geom7_svg.js?v=6" defer></script>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800;900&family=Unbounded:wght@700;800;900&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
 <style>
 :root{
diff --git a/frontend/textbooks/geometry_7_ch2.html b/frontend/textbooks/geometry_7_ch2.html
index b73af68..60d80f3 100644
--- a/frontend/textbooks/geometry_7_ch2.html
+++ b/frontend/textbooks/geometry_7_ch2.html
@@ -13,7 +13,7 @@
   onload="renderMathInElement(document.body,{delimiters:[{left:'$$',right:'$$',display:true},{left:'$',right:'$',display:false},{left:'\\[',right:'\\]',display:true},{left:'\\(',right:'\\)',display:false}],throwOnError:false})"></script>
 <script src="/js/api.js" defer></script>
 <script src="/js/xp.js" defer></script>
-<script src="/js/geom7_svg.js?v=5" defer></script>
+<script src="/js/geom7_svg.js?v=6" defer></script>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800;900&family=Unbounded:wght@700;800;900&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
 <style>
 :root{