web: Bildnachweis am Aufmacher auf Mobil nicht mehr vom Boost-Label verdeckt
Auf 390 px Breite lag das Schild „Gebuchte Platzierung“ über dem Bildnachweis oben rechts. Der Nachweis sitzt auf Mobil jetzt unten rechts im freien Rand unter der Meta-Zeile (ab sm unverändert oben rechts). Die Erklärung am Schild ist rechtsbündig und stößt nicht mehr an den Bildrand. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
parent
2d7e32b13c
commit
b3d2d1e5b4
3 changed files with 3 additions and 3 deletions
|
|
@ -21,7 +21,7 @@
|
|||
<span x-show="hover || pinned" style="display: none" aria-hidden="true" data-boosted-label-hint
|
||||
@class([
|
||||
'z-30 bg-bg-dark px-3 py-2 font-sans text-[12px] font-normal normal-case leading-[1.45] tracking-normal text-white shadow-lg',
|
||||
'absolute left-0 top-full mt-1.5 w-64 max-w-[calc(100vw-3rem)]' => $variant === 'tag',
|
||||
'absolute right-0 top-full mt-1.5 w-64 max-w-[calc(100vw-3rem)]' => $variant === 'tag',
|
||||
'mt-1.5 block sm:absolute sm:right-0 sm:top-full sm:w-64' => $variant !== 'tag',
|
||||
])>{{ __('web.shared.boosted_placement_hint') }}</span>
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@
|
|||
loading="eager">
|
||||
<div class="absolute inset-0 bg-black/10"></div>
|
||||
@if ($leadImageCredit)
|
||||
<span class="absolute top-2 right-3 z-10 text-[10.5px] text-white/85 bg-black/35 px-1.5 py-0.5" data-image-credit-teaser>{{ $leadImageCredit }}</span>
|
||||
<span class="absolute bottom-1 right-3 z-20 sm:bottom-auto sm:top-2 text-[10.5px] text-white/85 bg-black/35 px-1.5 py-0.5" data-image-credit-teaser>{{ $leadImageCredit }}</span>
|
||||
@endif
|
||||
@elseif ($leadPlaceholderUrl)
|
||||
<img src="{{ $leadPlaceholderUrl }}" alt="" aria-hidden="true"
|
||||
|
|
|
|||
|
|
@ -176,7 +176,7 @@
|
|||
@endphp
|
||||
<img src="{{ $leadImageUrl }}" alt="{{ $leadImageCredit ? $leadRelease->title.' · '.$leadImageCredit : $leadRelease->title }}" @if ($leadImageCredit) title="{{ $leadImageCredit }}" @endif class="absolute inset-0 w-full h-full object-cover" loading="lazy">
|
||||
@if ($leadImageCredit)
|
||||
<span class="absolute top-2 right-3 z-10 text-[10.5px] text-white/85 bg-black/35 px-1.5 py-0.5" data-image-credit-teaser>{{ $leadImageCredit }}</span>
|
||||
<span class="absolute bottom-1 right-3 z-20 sm:bottom-auto sm:top-2 text-[10.5px] text-white/85 bg-black/35 px-1.5 py-0.5" data-image-credit-teaser>{{ $leadImageCredit }}</span>
|
||||
@endif
|
||||
@elseif ($leadPlaceholderUrl)
|
||||
<img src="{{ $leadPlaceholderUrl }}" alt="" aria-hidden="true" class="absolute inset-0 w-full h-full object-cover" loading="lazy">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue