Version 1.10.1 — die Aktionsleiste bricht bis zum grossen Schirm um
tests / pest (push) Waiting to run Details
tests / assets (push) Waiting to run Details
tests / release (push) Blocked by required conditions Details

Auf dem Tablet lief die Zeile ueber den Rand: vier Elemente — zwei Knoepfe, das
Auswahlfeld und der Festnageln-Knopf — in einem Container, der ab sm auf
shrink-0 stand und damit nicht mehr schrumpfen durfte.

Das war mein eigener Fix von vorhin. sm greift schon bei 640 px, ein Tablet hat
768 — genau dazwischen sass der Fehler.

Jetzt wird die Leiste erst ab lg starr. Bis dahin bleibt sie volle Breite und
umbricht, was auf Telefon UND Tablet richtig ist. Das Auswahlfeld bekommt
zusaetzlich eine Obergrenze, damit eine lange Versionsliste die Zeile nicht
aufblaeht, und dieselbe Hoehe wie die Knoepfe daneben.

150 Layout-Tests gruen.
main v1.10.1
nexxo 2026-08-04 18:57:35 +02:00
parent 8c1985d924
commit 15230a01fa
2 changed files with 8 additions and 8 deletions

View File

@ -1 +1 @@
1.10.0
1.10.1

View File

@ -154,21 +154,21 @@
natuerlichen Breite unter dem Text stehen zwei
ungleich breite Kaesten, linksbuendig, die aussahen wie
verrutscht statt wie eine Gruppe. --}}
<div class="flex w-full flex-wrap items-center gap-2 sm:w-auto sm:shrink-0">
<div class="flex w-full flex-wrap items-center gap-2 lg:w-auto lg:shrink-0">
@if ($update['running'])
<x-ui.button class="w-full sm:w-auto" variant="secondary" :disabled="true">
<x-ui.button class="w-full lg:w-auto" variant="secondary" :disabled="true">
<x-ui.icon name="refresh" class="size-4 animate-spin" />
{{ __('admin_settings.update_running') }}
</x-ui.button>
@elseif (! $update['agent_seen'])
<x-ui.button class="w-full sm:w-auto" variant="secondary" :disabled="true">{{ __('admin_settings.update_unknown') }}</x-ui.button>
<x-ui.button class="w-full lg:w-auto" variant="secondary" :disabled="true">{{ __('admin_settings.update_unknown') }}</x-ui.button>
@else
<x-ui.button class="w-full sm:w-auto" variant="secondary" :disabled="$update['checking']"
<x-ui.button class="w-full lg:w-auto" variant="secondary" :disabled="$update['checking']"
wire:click="requestCheck" wire:loading.attr="disabled" wire:target="requestCheck">
<x-ui.icon name="refresh" class="size-4 {{ $update['checking'] ? 'animate-spin' : '' }}" />
{{ $update['checking'] ? __('admin_settings.update_checking') : __('admin_settings.update_check') }}
</x-ui.button>
<x-ui.button class="w-full sm:w-auto" variant="primary" :disabled="$update['checking'] || ! $update['available']"
<x-ui.button class="w-full lg:w-auto" variant="primary" :disabled="$update['checking'] || ! $update['available']"
wire:click="requestUpdate" wire:loading.attr="disabled" wire:target="requestUpdate">
<x-ui.icon name="download" class="size-4" />
{{ __('admin_settings.update_now') }}
@ -184,14 +184,14 @@
welche Fassung dieser Server je bekommt. --}}
@if ($update['releases'])
<select wire:model="ceilingChoice"
class="min-h-10 w-full rounded border border-line bg-surface px-3 text-sm text-ink sm:w-auto">
class="min-h-10 w-full rounded border border-line bg-surface px-3 text-sm text-ink lg:w-auto lg:max-w-56">
<option value="">{{ __('admin_settings.release_pin_none') }}</option>
@foreach ($update['releases'] as $tag)
<option value="{{ $tag }}">{{ ltrim($tag, 'v') }}</option>
@endforeach
</select>
<x-ui.button class="w-full sm:w-auto" variant="secondary"
<x-ui.button class="w-full lg:w-auto" variant="secondary"
x-on:click="$dispatch('openModal', { component: 'admin.confirm-pin-release', arguments: { version: $wire.ceilingChoice } })"
x-bind:disabled="! $wire.ceilingChoice">
<x-ui.icon name="lock" class="size-4" />