feat: rename to Drucken, 86 image sizes, fix the distorted crop editor
The crop frame had width:100% together with max-height, so the height was clamped while the width stayed - the frame lost the target aspect ratio and object-fit:fill stretched the picture into it. Measured at 390px: frame 0.843 instead of 0.778, picture 8.3% too wide. The width now follows from the allowed height and the ratio, and the image carries its own aspect-ratio instead of a second percentage, so it cannot stretch at all. Dragging was fine but felt dead: at fill zoom the crop sits at the stop in one axis. The editor now states which way it can move, double-tap zooms, arrow keys nudge, and the zoom slider shows its factor. Sizes: 41 -> 86 in ten groups, including US inch sizes, instant-film picture areas, cards, DIN A0-A7 and eleven aspect ratios as physical sizes. The tab is called Drucken now; /druck and /passbilder redirect there.
This commit is contained in:
@@ -2,6 +2,31 @@
|
||||
|
||||
All notable changes to Klarbild are documented here. Newest first.
|
||||
|
||||
## 2026-08-18 (4) — Renamed to "Drucken", 86 sizes, crop editor fixed
|
||||
|
||||
### Fixed
|
||||
- **The crop editor distorted the picture.** `.crop-box` had `width:100%` *and*
|
||||
`max-height`, so the height was clamped while the width stayed put — the frame no
|
||||
longer had the target aspect ratio, and `object-fit:fill` stretched the image into it.
|
||||
Measured on a 390 px viewport: frame 0.843 instead of 0.778, picture **8.3 % too wide**.
|
||||
The frame width is now derived from the allowed height and the ratio, and the image
|
||||
carries its own `aspect-ratio` instead of a second percentage — it can no longer stretch,
|
||||
even if the frame is ever off.
|
||||
- **Dragging felt broken.** At "fill" zoom the crop sits exactly at the stop in one axis,
|
||||
so pulling that way does nothing — correct, but invisible. The editor now says which way
|
||||
the picture can move, double-click/double-tap zooms a step, arrow keys nudge (shift for
|
||||
bigger steps), and the zoom slider shows its factor.
|
||||
|
||||
### Changed
|
||||
- **Renamed to "Drucken"** — the tab, page, title and Telegram button. `/druck` and
|
||||
`/passbilder` both redirect permanently to `/drucken`.
|
||||
- **86 image sizes in ten groups** (was 41): passport formats per country, cm small sizes,
|
||||
classic photo sizes, **US inch sizes** (wallet to 24 × 36), **instant-film picture areas**
|
||||
(Instax mini/Square/Wide, Polaroid), poster and frame sizes up to 100 × 140, squares,
|
||||
**DIN A0–A7 incl. A3+**, cards (business card, postcard, DIN lang, cheque card) and
|
||||
aspect ratios as physical sizes (16:9, 9:16, 21:9, 2:1, 3:2, 2:3, 4:3, 3:4, 5:4, 4:5, 1:1).
|
||||
- Paper list grew to 19: DIN A1, square photo paper, and the US inch cuts.
|
||||
|
||||
## 2026-08-18 (3) — Code review: fixes
|
||||
|
||||
### Fixed
|
||||
|
||||
Reference in New Issue
Block a user