Offene Punkte: was fehlt und was folgt nebeneinander, statt auf halber Breite zu enden

main
nexxo 2026-08-02 16:40:26 +02:00
parent 8a77544c62
commit 06d87f2111
2 changed files with 41 additions and 9 deletions

View File

@ -64,15 +64,34 @@
beantworten. --}}
<p class="font-medium text-ink">{{ $item['title'] }}</p>
{{-- Was fehlt, dann die Folge. Die Folge zuletzt,
weil sie den Satz ist, der über die
Reihenfolge entscheidet und der letzte
bleibt hängen. --}}
<p class="mt-1 max-w-[76ch] text-sm text-muted">{{ $item['missing'] }}</p>
<p class="mt-1 max-w-[76ch] text-sm {{ $state === App\Support\OpenWork::SOLD ? 'text-danger' : 'text-body' }}">
<span class="text-muted">{{ __('open_work.risk') }}:</span> {{ $item['risk'] }}
</p>
<p class="mt-1 font-mono text-xs text-faint break-all">{{ $item['where'] }}</p>
{{-- Zwei Spalten, sobald Platz da ist.
Beide Absätze standen untereinander mit
`max-w-[76ch]`. Das Layout erlaubt aber
1320 px, die Karte ist also über 1200 px
breit der Text endete in der Mitte und
rechts blieb die halbe Karte leer.
Die Grenze ganz wegzunehmen wäre die
falsche Antwort: über die volle Breite
wären es rund 165 Zeichen je Zeile, und
eine Zeile, deren Anfang man beim Umbruch
nicht mehr findet, liest niemand. Zwei
Spalten füllen die Breite UND halten jede
Spalte in der lesbaren Länge.
Und sie passen inhaltlich: „was fehlt" ist
eine Beschreibung, „wenn es so bleibt"
eine Folge. Nebeneinander sieht man den
Unterschied. --}}
<div class="mt-1 grid gap-x-10 gap-y-1 lg:grid-cols-2">
<p class="text-sm text-muted">{{ $item['missing'] }}</p>
<p class="text-sm {{ $state === App\Support\OpenWork::SOLD ? 'text-danger' : 'text-body' }}">
<span class="text-muted">{{ __('open_work.risk') }}:</span> {{ $item['risk'] }}
</p>
</div>
<p class="mt-1.5 font-mono text-xs text-faint break-all">{{ $item['where'] }}</p>
</div>
</li>
@endforeach

View File

@ -97,3 +97,16 @@ it('folgt der Formensprache der Bereitschaftsseite, nicht der eines Formulars',
->and($page)->not->toContain('lbl">')
->and($page)->not->toContain('min-[901px]:text-[30px]');
});
it('nutzt die Breite, die das Layout hergibt, statt in der Mitte aufzuhören', function () {
// Gegen das AUSGELIEFERTE HTML geprüft, nicht gegen die Blade-Quelle: dort
// steht der Klassenname auch im Kommentar, der erklärt, warum er weg ist —
// und ein Test, der einen Kommentar liest, prüft nicht, was ankommt.
$html = $this->actingAs(admin(), 'operator')->get(route('admin.open-work'))->getContent();
// Das Layout erlaubt 1320 px. Eine feste Zeichenbreite ließ rechts die
// halbe Karte leer; die volle Breite ohne Grenze ergäbe rund 165 Zeichen
// je Zeile. Zwei Spalten sind die Antwort auf beides.
expect($html)->not->toContain('max-w-[76ch]')
->and($html)->toContain('lg:grid-cols-2');
});