Repository navigation
ui 0.8.0: Übersetzungsleiste verschiebbar + andockbar, Werkzeugleiste bricht um - #24
Merged
Merged
Conversation
…r (0.8.0) - TranslationFormProvider: drag handle on the floating controls (pointer and keyboard, clamped to the viewport, offset persisted in localStorage, double-click/Home/Escape reset); `movable` prop to opt out. - New TranslationControlsSlot: docks the controls into the page flow while its media query matches (default below md); `slotControlsClassName`. - RichTextEditor toolbar wraps instead of scrolling horizontally. - TranslatableField language tabs get a >=24px hit area. - CHANGELOG with migration steps, README usage. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
…ctions - ResizeObserver on the floating controls re-runs the viewport clamp when the pill itself changes size (error message, "Translating…"). - First clamp waits until the offset is actually applied. - Offset via the CSS `translate` property so it composes with Tailwind transform utilities in controlsClassName. - Escape/Home on the handle don't propagate (no closing a dialog). - A slot whose `media` changes is updated in place instead of re-appended. - CHANGELOG: ui/v0.7.2 gets its dated section, ui/v0.8.0 dated 2026-10-10; README notes slot precedence. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
@basicbar/ui0.8.0 — Übersetzungsleiste verschiebbar und andockbar, Editor-Werkzeugleiste bricht um.Anlass: abstimmbar #179 (Mobilansicht). Dort überdeckte die schwebende Leiste „DE · EN · Alle Felder übersetzen“ auf dem Handy Formularinhalte; abstimmbar hatte dafür lokale Behelfe (verschachtelter Provider, zwei CSS-Overrides auf Paket-Markup), die hiermit ins Paket wandern.
Neu
localStoragegespeichert. Doppelklick,Pos1oderEscsetzt zurück; Pfeiltasten verschieben um 16 px (mit Shift 64 px). Abschaltbar mitmovable={false}. Standardposition unverändert.<TranslationControlsSlot />: Platzhalter, den eine Seite in ihr Formular setzt. Solange ein Slot gemountet ist und seinemedia-Query passt (Standard: untermd), rendert der Provider die Leiste dort im Seitenfluss (Portal, ohne Griff/Versatz); sonst schwebt sie wie bisher. Neues PropslotControlsClassNamefür die angedockte Variante.TranslatableFieldmit ≥ 24 px Tippfläche (WCAG 2.5.8), Aussehen unverändert.Kompatibilität
Rückwärtskompatibel; ohne Slot ändert sich für Tools nur: Griff an der Leiste, umbrechende Werkzeugleiste, größere Reiter-Tippfläche. Neuer UI-String
"Move translation controls"— die Tools ergänzen die Übersetzung in ihrem Katalog (CHANGELOG nennt den Schlüssel).Sonstiges
CHANGELOG:
ui/v0.7.2aus [Unreleased] in einen eigenen Abschnitt verschoben,ui/v0.8.0mit Migrationsschritten.Geprüft
npm run build+tscsauber. Im Browser gegen abstimmbar (Dist testweise eingespielt, danach zurückgesetzt): 1280 px (Ziehen, Speichern, Begrenzen, Zurücksetzen, Tastatur, Wachsen am Rand) und 324 px (Andocken im Slot, sonst schwebend mit Griff), hell und dunkel.Nach dem Merge: Tag
ui/v0.8.0auf den Merge-Commit, Draft-Release veröffentlichen, dann Umstieg in abstimmbar (Slots in Editor, Raum-/Set-Einstellungen, Abschnittstitel, Admin; lokale Behelfe entfernen).🤖 Generated with Claude Code