Offene Punkte: was fehlt und was folgt nebeneinander, statt auf halber Breite zu enden
parent
8a77544c62
commit
06d87f2111
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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');
|
||||
});
|
||||
|
|
|
|||
Loading…
Reference in New Issue