git.admin/roi-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(rail-ads): Position rails fixed at viewport edges

Browse Source 
- Changed Rail Ads positioning from container-width-based formula to fixed 15px from viewport edges
- Rails no longer move inward when container width is reduced
- Fixes overlap issue when layout width setting changes

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
FrankZamora
2025-11-27 21:38:04 -06:00
parent 6e2ef67dc4
commit 1b9910165b
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
Public/AdsensePlacement/Infrastructure/Ui/AdsensePlacementRenderer.php
View File

@@ -322,16 +322,15 @@ final class AdsensePlacementRenderer
'transition' => 'top 0.2s ease-out', 'transition' => 'top 0.2s ease-out',
]); ]);
// Posicion rail izquierdo - usar max() para evitar valores negativos // Posicion rail izquierdo - FIJO en el borde del viewport
// Usa CSS variable --roi-container-width-numeric de ThemeSettings (fallback 1320px) // Los Rails NO dependen del container width, siempre estan a 15px del borde
// Formula: max(10px, calc((100vw - containerWidth) / 2 - (width + 20)px))
$cssRules[] = $this->cssGenerator->generate('.roi-rail-ad-left', [ $cssRules[] = $this->cssGenerator->generate('.roi-rail-ad-left', [
'left' => 'max(10px, calc((100vw - var(--roi-container-width-numeric, 1320px)) / 2 - ' . ($width + 20) . 'px))', 'left' => '15px',
]); ]);
// Posicion rail derecho - usar max() para consistencia // Posicion rail derecho - FIJO en el borde del viewport
$cssRules[] = $this->cssGenerator->generate('.roi-rail-ad-right', [ $cssRules[] = $this->cssGenerator->generate('.roi-rail-ad-right', [
'right' => 'max(10px, calc((100vw - var(--roi-container-width-numeric, 1320px)) / 2 - ' . ($width + 20) . 'px))', 'right' => '15px',
]); ]);
// Media query para ocultar en pantallas < 1600px // Media query para ocultar en pantallas < 1600px