GithubHelp home page GithubHelp logo

Stopped Working? about darker-medium HOT 5 OPEN

mottie avatar mottie commented on May 29, 2024
Stopped Working?

from darker-medium.

Comments (5)

Mottie avatar Mottie commented on May 29, 2024 3

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.

from darker-medium.

Mottie avatar Mottie commented on May 29, 2024

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.

from darker-medium.

Mottie avatar Mottie commented on May 29, 2024

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.

from darker-medium.

Mottie avatar Mottie commented on May 29, 2024

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.

from darker-medium.

apiep avatar apiep commented on May 29, 2024

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.

from darker-medium.

Related Issues (10)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.