fix(physics8-ch1): ползунок Ветер выходил за границы — grid minmax(0,1fr) + min-width:0 на скрубберах

This commit is contained in:
Maxim Dolgolyov
2026-06-01 12:12:23 +03:00
parent 3ac72dde12
commit 3807c424c9
+4 -4
View File
@@ -4289,10 +4289,10 @@ function build_p10(){
+'<div class="wg-header"><span class="wg-badge p8-badge p8-badge-thermal">IV-6</span><div class="wg-title">Скорость испарения зависит от...</div></div>' +'<div class="wg-header"><span class="wg-badge p8-badge p8-badge-thermal">IV-6</span><div class="wg-title">Скорость испарения зависит от...</div></div>'
+'<div class="wg-help">Что разгоняет испарение? Температура, площадь поверхности и ветер. Двигай скрубберы и наблюдай качественно — стрелки от поверхности вверх.</div>' +'<div class="wg-help">Что разгоняет испарение? Температура, площадь поверхности и ветер. Двигай скрубберы и наблюдай качественно — стрелки от поверхности вверх.</div>'
+'<div class="p8-sandbox" id="p10-iv6-sandbox" style="height:220px"></div>' +'<div class="p8-sandbox" id="p10-iv6-sandbox" style="height:220px"></div>'
+'<div style="margin-top:10px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px">' +'<div style="margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px">'
+'<div class="p8-scrubber"><span class="p8-scrubber-label">T</span><input type="range" id="p10-iv6-t" min="0" max="100" step="1" value="50"><span class="p8-scrubber-value"><span id="p10-iv6-t-val">50</span><span class="p8-unit">°C</span></span></div>' +'<div class="p8-scrubber" style="min-width:0"><span class="p8-scrubber-label" style="min-width:0;white-space:nowrap">T</span><input type="range" id="p10-iv6-t" min="0" max="100" step="1" value="50"><span class="p8-scrubber-value"><span id="p10-iv6-t-val">50</span><span class="p8-unit">°C</span></span></div>'
+'<div class="p8-scrubber"><span class="p8-scrubber-label">Площадь</span><input type="range" id="p10-iv6-s" min="0.01" max="1" step="0.01" value="0.3"><span class="p8-scrubber-value"><span id="p10-iv6-s-val">0.30</span><span class="p8-unit">м²</span></span></div>' +'<div class="p8-scrubber" style="min-width:0"><span class="p8-scrubber-label" style="min-width:0;white-space:nowrap">Площадь</span><input type="range" id="p10-iv6-s" min="0.01" max="1" step="0.01" value="0.3"><span class="p8-scrubber-value"><span id="p10-iv6-s-val">0.30</span><span class="p8-unit">м²</span></span></div>'
+'<div class="p8-scrubber"><span class="p8-scrubber-label">Ветер</span><input type="range" id="p10-iv6-w" min="0" max="10" step="0.1" value="2"><span class="p8-scrubber-value"><span id="p10-iv6-w-val">2.0</span><span class="p8-unit">м/с</span></span></div>' +'<div class="p8-scrubber" style="min-width:0"><span class="p8-scrubber-label" style="min-width:0;white-space:nowrap">Ветер</span><input type="range" id="p10-iv6-w" min="0" max="10" step="0.1" value="2"><span class="p8-scrubber-value"><span id="p10-iv6-w-val">2.0</span><span class="p8-unit">м/с</span></span></div>'
+'</div>' +'</div>'
+'<div style="margin-top:6px;display:flex;gap:10px"><div class="p8-readout"><span class="p8-readout-label">Скорость испарения</span><span class="p8-readout-value" id="p10-iv6-rate"></span><span class="p8-readout-unit">отн.</span></div></div>' +'<div style="margin-top:6px;display:flex;gap:10px"><div class="p8-readout"><span class="p8-readout-label">Скорость испарения</span><span class="p8-readout-value" id="p10-iv6-rate"></span><span class="p8-readout-unit">отн.</span></div></div>'
+'</div>'; +'</div>';