Screenshot / Code Snippet
About
Personalize your Stack Exchange experience. Inspired from this question.
It provides you the ability to toggle the visibility of certain elements on the page, including:
The "Find a Job" category on the left sidebar.
The Teams advertisement on the left sidebar.
The Overflow Blog + Featured on Meta + Hot Meta Posts side widget.
The Linked Posts sidewidget.
The Related Posts sidewidget.
The Hot Network Questions.
Settings modal can be toggled with the Ctrl + Q shortcut.
All settings are set to "Show" by default.
License
Download
Github:.
Un-minified: https://github.com/SpectricSO/stack-scripts/raw/main/scripts/focus-mode/v2.3/script.user.js
Minified: https://github.com/SpectricSO/stack-scripts/raw/main/scripts/focus-mode/v2.3/script.min.user.js
Platform
Browser Support
| IE | Chrome | Firefox | Safari | Edge | Opera |
|---|---|---|---|---|---|
| ~ 10-11 | ~ 4-20, ✔️ 21+ | ~ 2-27, ✔️ 28+ | ~3.1-6, ✔️ 6.1 + | ✔️ 12+ | ✔️ 12.1+ |
Support not guaranteed. This graph should only give you an idea. Please consider editing to ensure this table is up to date
~ = partial
Change Log
v2.3
Added support for all Stack Exchange sites
v2.2
Added a Roboto font for browsers which did not have Roboto font automatically installed.
v2.1
Fixed a reported bug reported by Kevin M. Mansour probably attributed to low height incompatibilities.
Code
Written fully with JavaScript. Uses HTML5 Web Storage API to preserve preferences.
