Darker-Medium icon indicating copy to clipboard operation
Darker-Medium copied to clipboard

Published 20 hours ago • verified publisher icon Mottie

Stopped Working?

Open apiep opened this issue 5 years ago • 5 comments

  • Extension Version: 1.4.0 (May 21, 2019)
  • Browser: Firefox 67.0.4 and Chrome 75.0.3770.100
  • Operating System: Windows 10 (Version 1903)
  • URL of the problem page: https://medium.com/flutter-community/a-deep-dive-into-stack-in-flutter-3264619b3a77

Error on the devtools (not sure if it coming from this extension) image

apiep avatar Jul 03 '19 16:07 apiep

Hi @apiep!

Hmm, no it's not those errors causing the problem. It seems that in Firefox, the <head> doesn't include the attributes that the addon is targeting:

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# medium-com: http://ogp.me/ns/fb/medium-com#">

What's really weird is if I view-source on that page in Firefox vs Chrome, the HTML is completely different.

Mottie avatar Jul 03 '19 16:07 Mottie

Ugh, I doubt I'll make this work... the content is "dynamically" loaded in Firefox; which I can get around; but then I realized that all the class names are useless:

2019-07-03 20_44_43-Developer Tools - Exploring Stack and IndexedStack in Flutter - Flutter Communit

See #11.

Mottie avatar Jul 04 '19 01:07 Mottie

Feedback I just sent to Medium:

Hi, I'm the author of the Darker-Medium browser (Chrome, Firefox & Opera) extension (https://github.com/Mottie/Darker-Medium). Right now if I go to this page on my desktop computer: https://medium.com/flutter-community/a-deep-dive-into-stack-in-flutter-3264619b3a77 - the source HTML in Firefox is completely different than in Chrome (I didn't check any other browsers). Firefox is being made to dynamically load all its content (why on a desktop?) and thus it ends up with class names like "jp", "ec" & "kc". These classes also appear on all @ user profile pages. Please please please use some reasonable css class names on these pages. Or, provide a dark theme that we can switch to when desired. Oh, and please tell the designers/developers to not use !important flags in their css everywhere. It makes it very difficult to create/update/apply style overrides to Medium story pages.

Mottie avatar Jul 04 '19 02:07 Mottie

Response from Medium:

Hi,

We are migrating our pages to a new stack, and this could be a result of that. (and the discrepancies you see could be a result of viewing the pages in different roll-out cohorts).

I will raise this issue to the team to investigate. Please bear with us.

Mottie avatar Jul 06 '19 23:07 Mottie

It seems, they decide to use "modern frontend". That is why it's css selector are minified and I see a giant minified object when I try to inspect it source too.

And I am not sure what we can do about it except manually choose the correct element to style.

apiep avatar Jul 11 '19 07:07 apiep