Reihenfolge mit Pfeilen, Zifferntasten entfernt

Sortiert wird im Programm-Editor mit Pfeilen in der Kopfzeile jeder Zeile —
das Array ist die Reihenfolge, also gilt sie ueberall zugleich: Streifen,
Schublade, Kacheln, Schreibtischsymbole, Startmenue. Neue Apps haengen sich
hinten an, statt eine Taste zu verlangen.

Die Zifferntasten sind ganz weg (Marcs Entscheidung): ein Pflichtfeld je
App, das beim Sortieren nur die Frage aufgeworfen haette, ob es mitwandert.
Damit faellt das Feld 'key' aus dem Datenmodell, aus der Kachel, aus der
Hilfe und aus der Statuszeile. Alte Eintraege verlieren es beim naechsten
Speichern still.

Kein A-Z-Knopf — erstmal zu viel, kommt zurueck wenn er fehlt.
This commit is contained in:
marc committed 2026-08-29 23:48:04 +02:00
1 parent cc7a50c621
commit 0e1c986f90
6 files changed
+73 -32

No files matched your search

+17 -9
View File
@@ -372,13 +372,6 @@ body {
}
.tile:active { transform: none; }
.tile-key {
position: absolute;
top: 8px;
right: 10px;
font-size: 11px;
color: var(--p-dim);
}
.tile-icon {
width: 46px;
@@ -464,8 +457,6 @@ body {
.tile-name { grid-area: name; }
.tile-sub { grid-area: unter; }
.tile-state { grid-area: zustand; margin: 0; white-space: nowrap; }
/* Die Zifferntaste hilft nur mit Tastatur. */
.tile-key { display: none; }
}
/* ── Modal ─────────────────────────────────────────────────────────────── */
@@ -954,6 +945,23 @@ body {
.approw .ae-url { margin-left: auto; color: var(--p-dim); font-size: 11px; max-width: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.approw .ae-body { padding: 10px; display: flex; flex-direction: column; gap: 8px; }
/* Sortieren, ohne die Zeile aufzumachen: Die Pfeile sitzen in der Kopfzeile.
Die Adresse rückt dafür ein Stück nach links (kein margin-left:auto mehr an
ihr allein, sondern hier). */
.approw .ae-move { margin-left: 8px; display: flex; gap: 2px; flex: none; }
.ae-arrow {
background: none;
border: 1px solid var(--p-dim);
color: var(--p-mid);
font: inherit;
font-size: 10px;
line-height: 1;
padding: 4px 6px;
cursor: pointer;
}
.ae-arrow:hover:not(:disabled) { background: var(--p); color: var(--bg); border-color: var(--p); text-shadow: none; }
.ae-arrow:disabled { opacity: 0.3; cursor: default; }
.ae-field { display: grid; grid-template-columns: 92px 1fr; gap: 8px; align-items: center; }
.ae-field > span { font-size: 11px; color: var(--p-dim); letter-spacing: 0.1em; }
.ae-field input, .ae-field select {