Open jhass opened 5 years ago
Eesh. Though I think this might actually be a Chrome feature that Medium is utilizing. Can anyone confirm?
I'm on Firefox ;)
Here's the HTML if it's of any help:
<div id="animated-container" class="YLEHIf-haAclf w9geu-LYNcwc">
<div id="hints-container" class="Sx9Kwc-haAclf McfNlf">
<div class="r4nke">
<div class="jcJzye-Bz112c" aria-hidden="true"><svg class="Bz112c-W3lGp" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 48 48">
<path fill="#4285F4" d="M45.12 24.5c0-1.56-.14-3.06-.4-4.5H24v8.51h11.84c-.51 2.75-2.06 5.08-4.39 6.64v5.52h7.11c4.16-3.83 6.56-9.47 6.56-16.17z"></path>
<path fill="#34A853" d="M24 46c5.94 0 10.92-1.97 14.56-5.33l-7.11-5.52c-1.97 1.32-4.49 2.1-7.45 2.1-5.73 0-10.58-3.87-12.31-9.07H4.34v5.7C7.96 41.07 15.4 46 24 46z"></path>
<path fill="#FBBC05" d="M11.69 28.18C11.25 26.86 11 25.45 11 24s.25-2.86.69-4.18v-5.7H4.34C2.85 17.09 2 20.45 2 24c0 3.55.85 6.91 2.34 9.88l7.35-5.7z"></path>
<path fill="#EA4335" d="M24 10.75c3.23 0 6.13 1.11 8.41 3.29l6.31-6.31C34.91 4.18 29.93 2 24 2 15.4 2 7.96 6.93 4.34 14.12l7.35 5.7c1.73-5.2 6.58-9.07 12.31-9.07z"></path>
<path fill="none" d="M2 2h44v44H2z"></path>
</svg></div>
<div class="tJHJj ZYIfFd-aGxpHf-FnSee" id="sign-in-to" tabindex="1" role="alert">Sign in to <span class="bltWBb">medium.com</span> with Google</div>
<div class="tJHJj L6cTce ti6hGc-aGxpHf-FnSee" id="signing-in">Verifying...</div>
<div id="close" class="TvD9Pc-Bz112c ZYIfFd-aGxpHf-FnSee" role="button" aria-label="Close" tabindex="100"><svg class="Bz112c-E3DyYd" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#979797">
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
<path d="M0 0h24v24H0z" fill="none"></path>
</svg></div>
</div>
<div class="k77Iif">
<div class="tJHJj-QFlW2-ZiwkRe"></div>
<div id="credentials-picker" class="fFW7wc" role="menu" aria-label="Accounts picker">
<div class="TAKBxb fFW7wc-ibnC6b" id="credential-0" role="menuitem" aria-labelledby="picker-item-label-0" tabindex="4">
<div class="aZ2wEe mdl-spinner mdl-js-spinner mdl-spinner--single-color is-upgraded" aria-hidden="true" data-upgraded=",MaterialSpinner">
<div class="mdl-spinner__layer mdl-spinner__layer-1">
<div class="mdl-spinner__circle-clipper mdl-spinner__left">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__gap-patch">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__circle-clipper mdl-spinner__right">
<div class="mdl-spinner__circle"></div>
</div>
</div>
<div class="mdl-spinner__layer mdl-spinner__layer-2">
<div class="mdl-spinner__circle-clipper mdl-spinner__left">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__gap-patch">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__circle-clipper mdl-spinner__right">
<div class="mdl-spinner__circle"></div>
</div>
</div>
<div class="mdl-spinner__layer mdl-spinner__layer-3">
<div class="mdl-spinner__circle-clipper mdl-spinner__left">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__gap-patch">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__circle-clipper mdl-spinner__right">
<div class="mdl-spinner__circle"></div>
</div>
</div>
<div class="mdl-spinner__layer mdl-spinner__layer-4">
<div class="mdl-spinner__circle-clipper mdl-spinner__left">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__gap-patch">
<div class="mdl-spinner__circle"></div>
</div>
<div class="mdl-spinner__circle-clipper mdl-spinner__right">
<div class="mdl-spinner__circle"></div>
</div>
</div>
</div>
<div class="MPu53c" aria-hidden="true"><svg class="Bz112c-r9oPif" fill="#FFFFFF" viewBox="0 0 24 24" xmlns="https://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"></path>
<path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"></path>
</svg></div><img class="fFW7wc-ibnC6b-HiaYvf" src="https://lh3.googleusercontent.com/-xbvM0DIAg5I/AAAAAAAAAAI/AAAAAAAAAAs/5RDP-P7uzEU/photo.jpg?sz=96" alt="Account's profile picture" aria-hidden="true">
<div id="picker-item-meta-0" class="fFW7wc-ibnC6b-r4m2rf" aria-hidden="true">
<div class="fFW7wc-ibnC6b-ssJRIf">realname</div>
<div class="fFW7wc-ibnC6b-K4efff">email</div>
</div>
<div id="picker-item-label-0" class="L6cTce">email realname</div>
</div>
</div>
<div class="yePe5c-QFlW2"></div>
<div class="LoDsGd-Nw8Uuc"><button class="LgbsSe LgbsSe-ssJRIf LgbsSe-KoToPc mdl-button mdl-js-button mdl-button--raised" id="continue-as">Continue as firstname</button></div>
<div class="wk4LHf" role="button" id="gdpr-message" tabindex="6">To create your account, Google will share your name, email address and profile picture with medium.com. By continuing, you agree to medium.com's <a href="https://medium.com/policy/medium-privacy-policy-f03bf92035c9" target="_blank">privacy policy</a> and <a href="https://medium.com/policy/medium-terms-of-service-9db0094a1e0f" target="_blank">terms of service</a>.</div>
</div>
</div>
</div>
I'm using the following uBlock cosmetic rule:
! 18/4/2019 https://medium.com
medium.com##[src^="https://smartlock.google.com/iframe/request"]
These can be turned off for all websites via a Google account flag:
https://superuser.com/questions/1414410/how-to-disable-pop-ups-for-google-yolo-one-tap-sign-up
They just keep adding shit...