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

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

Browse Source
This commit is contained in:
FrankZamora
2025-11-27 22:20:59 -06:00
parent e7fc0f1408
commit ec64ea38ea
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -332,21 +332,21 @@ final class AdsensePlacementRenderer
'width' => 'calc((100vw - var(--roi-container-width-numeric, 1320px)) / 2 - 20px)', 'width' => 'calc((100vw - var(--roi-container-width-numeric, 1320px)) / 2 - 20px)',
'height' => $height . 'px', 'height' => $height . 'px',
'display' => 'flex', 'display' => 'flex',
'justify-content' => 'center',
'align-items' => 'flex-start', 'align-items' => 'flex-start',
'z-index' => '100', 'z-index' => '100',
'transition' => 'top 0.2s ease-out, opacity 0.3s ease-out', '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', [ $cssRules[] = $this->cssGenerator->generate('.roi-rail-ad-left', [
'left' => '10px', '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', [ $cssRules[] = $this->cssGenerator->generate('.roi-rail-ad-right', [
'right' => '10px', 'right' => '10px',
'justify-content' => 'flex-start',
]); ]);
// Media query para ocultar en pantallas donde no hay espacio suficiente // Media query para ocultar en pantallas donde no hay espacio suficiente