fix(rail-ads): alinear ads hacia el contenido - izq flex-end, der flex-start

This commit is contained in:
FrankZamora
2025-11-27 22:20:59 -06:00
parent e7fc0f1408
commit ec64ea38ea

View File

@@ -332,21 +332,21 @@ final class AdsensePlacementRenderer
'width' => 'calc((100vw - var(--roi-container-width-numeric, 1320px)) / 2 - 20px)',
'height' => $height . 'px',
'display' => 'flex',
'justify-content' => 'center',
'align-items' => 'flex-start',
'z-index' => '100',
'transition' => 'top 0.2s ease-out, opacity 0.3s ease-out',
'overflow' => 'hidden',
]);
// Posicion rail izquierdo - 10px del borde del viewport
// Rail izquierdo: contenido alineado a la derecha (hacia el contenido)
$cssRules[] = $this->cssGenerator->generate('.roi-rail-ad-left', [
'left' => '10px',
'justify-content' => 'flex-end',
]);
// Posicion rail derecho - 10px del borde del viewport
// Rail derecho: contenido alineado a la izquierda (hacia el contenido)
$cssRules[] = $this->cssGenerator->generate('.roi-rail-ad-right', [
'right' => '10px',
'justify-content' => 'flex-start',
]);
// Media query para ocultar en pantallas donde no hay espacio suficiente