Git Product home page Git Product logo

jh3y / focussed-twitter Goto Github PK

View Code? Open in Web Editor NEW
16.0 3.0 1.0 4.67 MB

Let's focus on the tweets! ๐Ÿฆ

Home Page: https://chrome.google.com/webstore/detail/focussed-twitter/efldegaojlekkkoegoeakkgknaagjeoj

License: MIT License

HTML 15.89% JavaScript 63.85% CSS 16.40% Makefile 3.86%
hacktoberfest hacktoberfest2020 twitter chrome-extension javascript firefox-extension css-variables

focussed-twitter's Introduction

focussed-twitter's People

Contributors

jh3y avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

azhsetiawan

focussed-twitter's Issues

Background script should grab user prefs first

The background script should grab the user preferences from chrome storage first before setting to DEFAULTS ๐Ÿ‘

Currently, the background script is setting defaults on install but I think this means it sets defaults when the browser updates too.

Focused Twitter CSS Remains after Uninstall

Nice extension so far, was testing it out and thought it was causing some redraw bugs across sites, but it was just my computer.

In the process of testing that I uninstalled the extension. Without reinstalling, I visited Twitter again and the focused aspect is still there. I'm assuming this is related to how Twitter caches things to make the PWA available offline.

I tried deleting my cookies/cache and it didn't fix the problem. I'm not sure if this is something that can be included in the uninstall process of the extension, but it should definitely do some cleanup.

Set variables directly on elements

Currently, the extension is passing CSS variables to the document.body. This is fine but it's a little brittle.

Maybe switch over to creating a selector map in the JavaScript and set styles directly where possible?

Popup styling correlation

It would be nice if the pop up could style itself dependant on the users display settings.

document.body.style.backgroundColor will reveal the users display settings based on that value. Can save this to sync storage and access it within the popup scripts to inject styles into the head ๐Ÿ‘

@jh3y

Explore alternative to MutationObserver

The extension uses MutationObserver which feels a little brittle to hook onto available parts of the UI.

  • Is there a better way to do this? Currently, we wait until the DOM is hydrated and then attach attributes so we can get hold of things in the DOM.
  • Could we swap out some selectors perhaps?

Scrolling with adjusted margin

If you scroll with an adjusted margin, the scrolling will sometimes jump around a bit ๐Ÿ˜•

This is expected maybe when first adjusting but once scrolled.

@jh3y

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.