Editor: Zeilenzähler in Tabs, breiterer Scrollbar und längere Action-Labels
Größere Änderungen (Shadow DOM, Dark Mode, der AI-Helper) bekommen die Schlagzeilen. Kleiner UX-Schliff nicht — und doch ist es der Schliff, der ändert, wie du ein Werkzeug im Alltag benutzt. In v3.2.80–82 haben wir vier Dinge ausgeliefert, die zusammen die Arbeit mit dem Regel-Editor spürbar angenehmer machen.
Zeilenzähler in den Tabs CSS / JS / Actions (v3.2.82)
Jeder Tab des Regel-Editors — CSS, JS, Actions — trägt jetzt ein Zeilenzähler-Badge neben seinem Namen. Analog zum Actions-Tab, der schon lange die Anzahl der Aktionen zeigt.
Wozu: Wenn du auf ein Regelset schaust, siehst du sofort, wo die Substanz steckt. 87 Zeilen CSS + 12 Zeilen JS + 3 Actions — ein Blick reicht, und du weißt, dass dieses Set mäßig komplex ist und der Großteil der Logik im CSS liegt. Vorher musstest du jeden Tab öffnen, um das einzuschätzen.
Kleines technisches Detail: Der Zähler aktualisiert sich live beim Tippen (200 ms Debounce), das Badge flackert also nicht bei jedem Tastendruck.
Breiterer Scrollbar in den Fenstern: 10 → 14 px (v3.2.80)
Der innere Scrollbar der Entwicklerfenster (CSS-Pane, JS-Pane, JS-Console, Output Console, AI-Helper) war 10 px breit — das kollidierte mit dem 8 px breiten Resize-Griff an der rechten Kante. Es war leicht, statt des Scrollbars den Griff zu erwischen und das Fenster versehentlich zu vergrößern.
Nach der Änderung ist der Scrollbar 14 px breit — leichter zu treffen, und der Resize-Griff ist immer noch da, aber klar unterhalb der Scrollbar-Kante. Kein Konflikt mehr, kein Frust mehr.
Action-Labels 8 → 12 Zeichen (v3.2.81)
Action-Labels in der Bar hatten ein fest codiertes Limit von 8 Zeichen. Für „Dark", „Hide" und ähnliches reichte das — aber wenn du mit dem AI-Helper gearbeitet hast, wollte er oft einen längeren, beschreibenderen Namen vorschlagen („Hide ads", „Wide column") — und wurde abgeschnitten.
Das neue Limit liegt bei 12 Zeichen. UI und Backend sind synchron — der AI-Helper, der Editor, das Bar-Rendering, das Einstellungspanel — alle sprechen von derselben Länge. Labels können jetzt mehr Kontext darüber tragen, was jede Aktion tut.
Ordner-Toolbar neu organisiert (v3.2.80)
Die Toolbar des Ordnerkopfs (Ordner-Edit-Panel) hatte alles in einer Reihe: Export, Import, Delete + Group, Bar, Window. Sechs Buttons nebeneinander — visuell verschwammen sie, und es war schwer, schnell zu finden, was du suchst.
Das neue Layout sind zwei Reihen:
- Oben: Export / Import / Delete — Operationen am Ordner als Ganzem, oberhalb des URL-Patterns-Feldes.
- Unten: + Group / + Bar / + Window — das Anlegen von Kindelementen, getrennt von den Ordneroperationen.
Zwei logische Gruppen, auf einen Blick eindeutig erkennbar.
Weitere kleine Gewinne aus derselben Serie
Neben den Hauptänderungen sind noch ein paar kleinere, aber angenehme Verbesserungen dazugekommen:
- Symmetrisches Padding des Containers
.rules-area— 14 px (v3.2.88) — vorher waren es 24 px rechts, ein asymmetrisches Relikt aus einer früheren UI-Iteration. - Scroll-Erhalt im Editor beim Sync von einem anderen Gerät (v3.2.82) — wenn ein anderes Gerät die Regel ändert, springt CodeMirror nicht mehr auf Position 0, sondern bleibt dort, wo du warst.
- Dropdown-Anchor-Button — ein zweiter Klick schließt ihn (v3.2.89) — ein Bug behoben, bei dem ein per Button geöffnetes Dropdown sich nur durch Klick außerhalb schließen ließ, nicht durch ein erneutes Klicken auf den Button.
Siehe auch
- Fenster auf der Seite — Überblick über alle Entwicklerfenster, die der breitere Scrollbar betrifft
- JustZix-Tastaturkürzel — das komplette Tastatur-Cheatsheet
- Edit-Panel neben der Seite — eine andere Art, das tägliche Regel-Editieren zu erledigen
JustZix installieren — und spür den Unterschied in den Details.
Bewerte diesen Beitrag
Noch keine Bewertungen — sei der Erste.