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

fix(rail-ads): agregar padding y max-width para evitar desbordamiento

Browse Source
This commit is contained in:
FrankZamora
2025-11-27 22:24:56 -06:00
parent ec64ea38ea
commit 9e8ffdb26f
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -337,16 +337,23 @@ final class AdsensePlacementRenderer
'transition' => 'top 0.2s ease-out, opacity 0.3s ease-out', 'transition' => 'top 0.2s ease-out, opacity 0.3s ease-out',
]); ]);
// Rail izquierdo: contenido alineado a la derecha (hacia el contenido) // Rail izquierdo
$cssRules[] = $this->cssGenerator->generate('.roi-rail-ad-left', [ $cssRules[] = $this->cssGenerator->generate('.roi-rail-ad-left', [
'left' => '10px', 'left' => '10px',
'justify-content' => 'flex-end', 'justify-content' => 'flex-end',
'padding-left' => '5px',
]); ]);
// Rail derecho: contenido alineado a la izquierda (hacia el contenido) // Rail derecho
$cssRules[] = $this->cssGenerator->generate('.roi-rail-ad-right', [ $cssRules[] = $this->cssGenerator->generate('.roi-rail-ad-right', [
'right' => '10px', 'right' => '10px',
'justify-content' => 'flex-start', 'justify-content' => 'flex-start',
'padding-right' => '5px',
]);
// Asegurar que el anuncio no desborde el container
$cssRules[] = $this->cssGenerator->generate('.roi-rail-ad ins.adsbygoogle', [
'max-width' => '100%',
]); ]);
// Media query para ocultar en pantallas donde no hay espacio suficiente // Media query para ocultar en pantallas donde no hay espacio suficiente