Open.gl: Ad messes with sidebar

There's an ad in the side bar that doesn't want to stay there

It disappears when zooming in (thanks to responsive layout mentioned in #48 ?), and doesn't obscure any text, but is still annoying. I don't know exactly where the problem comes from, but found an oversized :</p> <pre><code><div id="adbox" class="adbox-side" ...> [160x600] <div ...> [160x250] <div id="google_ads_iframe_/..."> [160x250] <iframe id="google_ads_iframe_/..." ... width="300" height="250"> [300x250]</code></pre> <p>At least, that's how it works in <code>Tor Browser 8.5.4 (based on Mozilla Firefox 60.8.0esr) (64-bit)</code> Cannot check in other browsers since opening the website without VPN gives "connection timed out" for some reason (probably my provider carpet banning all websites on a single IP to satisfy the government's demands)</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/Overv"><img src="https://avatars.githubusercontent.com/u/285063?v=4" />Overv</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <p>Is this in a browser window that leaves little space to the left of the sidebar? I've tried to reproduce this with a small browser window (just wide enough to show the entire page) but I can't get ads to show up in that case.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/ghost"><img src="https://avatars.githubusercontent.com/u/10137?v=4" />ghost</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <p>Actually, it is in a big browser window <img src="https://user-images.githubusercontent.com/17460779/64077374-b6991a00-ccd8-11e9-80cc-cf8d76d5ef1c.png" alt="image" /> Shrinking it beyond ~1900px makes ads disappear</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/Overv"><img src="https://avatars.githubusercontent.com/u/285063?v=4" />Overv</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <p>Strange, for me the ads are aligned so that they never cover the text:</p> <p><img src="https://i.imgur.com/8msE0eq.png" alt="" /></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/ghost"><img src="https://avatars.githubusercontent.com/u/10137?v=4" />ghost</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <p>Huh. Maybe Tor breaks something... There's a message in the console that appears on all pages and might be related</p> <pre><code>The character encoding of the plain text document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the file needs to be declared in the transfer protocol or file needs to use a byte order mark as an encoding signature. The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it.</code></pre> <p>Also, adding <code>align="right"</code> to the iframe seemed to fix it: <img src="https://user-images.githubusercontent.com/17460779/64081508-c3cefc80-cd0a-11e9-8a28-856d17cdbcf7.png" alt="image" /></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/Overv"><img src="https://avatars.githubusercontent.com/u/285063?v=4" />Overv</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <p>Ah, that's gonna be a challenge though because I don't think I can apply styling to that iframe myself (it's created by Google AdSense).</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

Overv / Open.GL

Open.gl: Ad messes with sidebar #68