Comments (5)
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.
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.
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:
See #11.
from darker-medium.
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.
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)
- Feature request: Support for Safari HOT 9
- user profile pages not styled HOT 3
- Bug caught: On some subpages of medium addon doesn't work HOT 2
- Stylus Extension & Security Concerns HOT 2
- Fix text-color of the sub label HOT 2
- Error on text color HOT 2
- Following button background color extends its button container HOT 1
- Highlighting makes non-bold text invisible HOT 3
- Transparent image issue HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from darker-medium.