wires/hypnagaga
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #145 from reuters-graphics/inline-ad-styles

Browse source 
ad styles
This commit is contained in:
Jon McClure 2024-02-28 11:52:38 +00:00 committed by GitHub
commit ba472c6e70
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 20 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/components/AdSlot/AdSlot.svelte
View file

@ -72,7 +72,14 @@
<div class="ad-block">
<div class="ad-label">Advertisement · Scroll to continue</div>
<div class="ad-container">
<div data-freestar-ad="{dataFreestarAd || null}" id="{randomAdId}"></div>
<div class="ad-slot__inner">
<div>
<div
data-freestar-ad="{dataFreestarAd || null}"
id="{randomAdId}"
></div>
</div>
</div>
</div>
</div>
</Block>
@ -91,15 +98,22 @@
text-align: center;
}
div.ad-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 415px;
@media (max-width: 767.9px) {
min-height: 320px;
}
& > div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
div.ad-slot__inner {
margin: auto 0;
width: 100%;
max-width: 100%;
flex: unset;
& > div {
display: block;
}
}
}
}