i18n_proofreading 0.9.1 → 0.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/CHANGELOG.md +10 -0
- data/lib/i18n_proofreading/version.rb +1 -1
- data/lib/i18n_proofreading/widget.js +16 -0
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 442bbc0db3a43634199ae4ad02e0b4c93bfe4b0278f5c4bf4236793acfd9006d
|
|
4
|
+
data.tar.gz: b5adfadeac507e64888ea36412173daec3ec8b8b0067fe1c056de8b1c328c5b7
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: ad016e5b43be45f388e0f0c11956dbcfaed05d2702f1765d598a2c29e4ee2af8a539bb853c8d8ef8d0dd0121273c64e64353611b8acb494348d10e24188aa5d4
|
|
7
|
+
data.tar.gz: '08506d993c5b691a33ab9dc327fc2ca84814723cd289bf014ff164181f4fa85d882901286ccc0816aa26363aba371893090ee4024845cb7e0431c57bb2483dd4'
|
data/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
## [Unreleased]
|
|
4
4
|
|
|
5
|
+
## [0.9.2]
|
|
6
|
+
|
|
7
|
+
- Make the suggestion popover **full-screen on mobile** (≤ 480px wide): edge to
|
|
8
|
+
edge with no rounded corners, instead of a floating dialog — no bottom sheet
|
|
9
|
+
and no animation. The widget's inputs render at 16px on small screens so iOS
|
|
10
|
+
Safari no longer zooms the page when one gains focus, the action row pads
|
|
11
|
+
itself past the iPhone home indicator (`env(safe-area-inset-bottom)`), and the
|
|
12
|
+
panel's scrolling is contained (`overscroll-behavior`) so reaching its end
|
|
13
|
+
never scrolls the page behind it. CSS only; desktop is unchanged.
|
|
14
|
+
|
|
5
15
|
## [0.9.1]
|
|
6
16
|
|
|
7
17
|
- Add Minitest **system tests** that drive the widget in headless Chrome
|
|
@@ -394,6 +394,7 @@
|
|
|
394
394
|
" align-items: center; justify-content: center; padding: 16px;",
|
|
395
395
|
" background: rgba(0,0,0,.45); cursor: default; }",
|
|
396
396
|
".i18np-panel { width: 28rem; max-width: 100%; max-height: 90vh; overflow: auto;",
|
|
397
|
+
" overscroll-behavior: contain;",
|
|
397
398
|
" background: #fff; color: #111; border-radius: 12px; padding: 20px;",
|
|
398
399
|
" box-shadow: 0 20px 60px rgba(0,0,0,.35); font: 14px/1.5 system-ui, sans-serif; }",
|
|
399
400
|
".i18np-panel > * + * { margin-top: 14px; }",
|
|
@@ -437,6 +438,21 @@
|
|
|
437
438
|
" .i18np-error { color: #f87171; }",
|
|
438
439
|
" .i18np-btn-ghost { color: #f4f4f5; }",
|
|
439
440
|
"}",
|
|
441
|
+
|
|
442
|
+
// Full-screen popover on small screens — no bottom sheet, no animation.
|
|
443
|
+
// Selectors are at least as specific as the base rules and this block
|
|
444
|
+
// comes last, so the mobile values win.
|
|
445
|
+
"@media (max-width: 480px) {",
|
|
446
|
+
" .i18np-overlay { padding: 0; }",
|
|
447
|
+
" .i18np-overlay .i18np-panel { position: fixed; top: 0; right: 0; bottom: 0; left: 0;",
|
|
448
|
+
" width: 100%; height: 100dvh; max-height: 100dvh; border-radius: 0; margin: 0; }",
|
|
449
|
+
// 16px inputs stop iOS Safari from zooming the page on focus.
|
|
450
|
+
" .i18np-panel input.i18np-input, .i18np-panel textarea.i18np-input,",
|
|
451
|
+
" .i18np-panel select { font-size: 16px; }",
|
|
452
|
+
// Keep the action row clear of the iPhone home indicator (its own
|
|
453
|
+
// padding-bottom is 0; the panel padding sits outside the row).
|
|
454
|
+
" .i18np-panel .i18np-actions { padding-bottom: calc(0px + env(safe-area-inset-bottom)); }",
|
|
455
|
+
"}",
|
|
440
456
|
].join("\n");
|
|
441
457
|
document.head.appendChild(style);
|
|
442
458
|
}
|