https://github.com/easonwong-de/Tab-Preview-On-Hover

Adds on-hover tab preview to Firefox (requires CSS theme).
https://github.com/easonwong-de/Tab-Preview-On-Hover

add-on browser-extension extension firefox firefox-addon firefox-extension

Last synced: about 2 months ago
JSON representation

Adds on-hover tab preview to Firefox (requires CSS theme).

• Host: GitHub
• URL: https://github.com/easonwong-de/Tab-Preview-On-Hover
• Owner: easonwong-de
• License: mit
• Created: 2023-04-10T01:55:29.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-01T07:36:39.000Z (10 months ago)
• Last Synced: 2024-08-01T16:45:04.910Z (5 months ago)
• Topics: add-on, browser-extension, extension, firefox, firefox-addon, firefox-extension
• Language: JavaScript
• Homepage: https://addons.mozilla.org/firefox/addon/tab-preview-on-hover/
• Size: 96.7 KB
• Stars: 36
• Watchers: 2
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![Icon](https://github.com/easonwong-de/Tab-Preview-On-Hover/blob/main/images/TPOH_128.png)  

![Mozilla Add-on Users](https://img.shields.io/amo/users/tab-preview-on-hover)

![Mozilla Add-on Rating](https://img.shields.io/amo/stars/tab-preview-on-hover)

![Mozilla Add-on](https://img.shields.io/amo/v/OHTP@EasonWong?color=blue&label=version)

# Tab Preview On Hover

Adds on-hover tab preview to Firefox (requires CSS theme).



    



## What Does the Add-on & CSS Theme Do

With the add-on and the supporting CSS theme, tab preview will appear when a tab is hovered over.





There will be a delay before tab preview shows up. At the same time, if the cursor hovers from one tab over another tab, there’ll be no delay. If the cursor leaves the tab area for a short moment and goes back, the delay will come back. The behaviour is controlled by the CSS theme, user can simply change --preview-delay and --preview-delay-tolerance to adjust the timing.

## How to Install the CSS Theme



	
Go to about:support and locate Profile Folder



	
Download the CSS theme and move it into Profile Folder -> chrome



	
Go to about:config and turn toolkit.legacyUserProfileCustomizations.stylesheets to true



	
Restart Firefox



## Compromises



	
Background image for the browser navbar will be disabled

	
Incompatible with built-in browser themes “System theme – auto” and “Firefox Alpenglow”

	
Only the first ten tabs on the left will have tab preview

	


Adaptive Tab Bar Colour can cause the tab preview to disappear at times, as it resets the browser theme whenever it changes the colour of the tab bar