Skip to content

Commit d02fc4a

Browse files
authored
Update index.html
1 parent 8641d50 commit d02fc4a

File tree

1 file changed

+7
-6
lines changed

1 file changed

+7
-6
lines changed

index.html

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -98,12 +98,12 @@
9898
<!-- Панель керування + текстові правила -->
9999
<section class="card">
100100
<h1>Safe / Blind Zones — Live Tester</h1>
101-
<p class="muted">Супер-коротко: <b>10% зверху</b>, <b>12% знизу</b>, <b>5% зліва/справа</b> — це «сліпі зони». Усе клікабельне й текст — <b>тільки в межах safe‑zone</b>. Додатковий запас (всередині safe‑zone) — <b>2–3%</b>.</p>
101+
<p class="muted">Супер-коротко: <b>10% зверху</b>, <b>12% знизу</b>, <b>5% зліва/справа</b> — це "сліпі зони". Усе клікабельне й текст — <b>тільки в межах safe‑zone</b>. Додатковий запас (всередині safe‑zone) — <b>2–3%</b>.</p>
102102
<div class="rules">
103103
<strong>Просте пояснення:</strong>
104104
<ol>
105105
<li>Художники малюють фон на весь екран.</li>
106-
<li>У «сліпих зонах» (10% зверху, 12% знизу, 5% збоку) — <b>тільки декор</b>.</li>
106+
<li>У "сліпих зонах" (10% зверху, 12% знизу, 5% збоку) — <b>тільки декор</b>.</li>
107107
<li>Усе клікабельне й критично важливе — <b>всередині safe‑zone</b> та ще з <b>додатковим запасом 2–3%</b> від країв safe‑zone.</li>
108108
<li>Так ми гарантуємо, що на жодному пристрої елементи не обріжуться та не підуть під жести/чолку.</li>
109109
</ol>
@@ -142,17 +142,17 @@ <h2 class="section-title">Налаштування екрана</h2>
142142

143143
<div class="row">
144144
<div>
145-
<label>Верхня «сліпа зона», % H</label>
145+
<label>Верхня "сліпа зона", % H</label>
146146
<input id="pTop" type="number" value="10" min="0" step="0.5" />
147147
</div>
148148
<div>
149-
<label>Нижня «сліпа зона», % H</label>
149+
<label>Нижня "сліпа зона", % H</label>
150150
<input id="pBottom" type="number" value="12" min="0" step="0.5" />
151151
</div>
152152
</div>
153153
<div class="row">
154154
<div>
155-
<label>Бокові «сліпі зони», % W</label>
155+
<label>Бокові "сліпі зони", % W</label>
156156
<input id="pSide" type="number" value="5" min="0" step="0.5" />
157157
</div>
158158
<div></div>
@@ -252,7 +252,7 @@ <h2>Популярні пресети (таблиця)</h2>
252252
<tbody></tbody>
253253
</table>
254254
</div>
255-
<p class="note">Правило універсальне: відсотки «сліпих зон» однакові для всіх артбордів; мінімальні розміри натискань переводимо в пікселі через dpi (Android) або scale (iOS). Додатковий внутрішній запас (2–3%) гарантує, що важливе не обріжеться на різних пропорціях екранів.</p>
255+
<p class="note">Правило універсальне: відсотки "сліпих зон" однакові для всіх артбордів; мінімальні розміри натискань переводимо в пікселі через dpi (Android) або scale (iOS). Додатковий внутрішній запас (2–3%) гарантує, що важливе не обріжеться на різних пропорціях екранів.</p>
256256
</section>
257257
</div>
258258

@@ -319,6 +319,7 @@ <h2>Популярні пресети (таблиця)</h2>
319319
show(text, x, y){
320320
this.content.textContent = text;
321321
this.element.setAttribute('data-show', '1');
322+
this.element.style.transform = 'none';
322323
this.visible = true;
323324
this.position(x, y);
324325
}

0 commit comments

Comments
 (0)