Comments (2)
Looks like our CSS is fighting with Firefox' JS. The theme overrides max-width while JS is trying to set max-width too. I fixed it by letting JS do its thing, except for one specific case:
- Open 4 tabs (or any higher number of tabs, but not enough to let them scroll).
- Activate the second to last tab.
- Close it.
- Close the last tab.
For some reason it shrinks all tabs to exactly 100px and closing any tabs doesn't fix it until you move your mouse out of the tab bar. Instead of this weird behavior, I made it reset the tab width back to 100%, so unfortunately it still resizes the remaining tabs, but when you move your mouse and keep closing, it works okay, so I think that's less broken than forcing all tabs to resize to 100px. All other cases I checked work OK.
I don't really know how to fix that one scenario, because JS calculates the tab width we want to keep when closing tabs, but when JS resets it to 100px, we lose that info. I'll tag this issue with "help wanted" and leave it open, maybe someone figures it out.
from firefox-gnome-theme.
I think this is an artefact of Firefox's intended behaviour of always putting the next tab close button under the cursor when closing a tab (so that multiple tabs can be closed by just continually clicking).
Mousing away from the tab bar then presumably stops using the temporary JS tricks, reverting to the styled widths.
If you close the right-most tab, then there is no "next tab to the right", so presumably the JS just temporarily shrinks the remaining ones to Firefox's "standard" width.
FWIW, the "smart width" behaviour has always had a bug since its introduction to Firefox - with the standard theme, if you open enough tabs to scroll, then start closing them from the leftmost, when the scroll buttons disappear, the mouse is no longer over the next tab's close button.
from firefox-gnome-theme.
Related Issues (20)
- theme api 'toolbar_text' element changes color of toolbar text HOT 1
- Location bar hidden in fullscreen (F11) mode when mouse hovered over HOT 2
- csd buttons left option? HOT 2
- Support third party GTK+ themes HOT 3
- [Feature Request] Create Matching Firefox Color Profiles HOT 1
- HiDPI support for some icons HOT 8
- Faint circle (from default Firefox theme) when hovering over back button HOT 2
- Close Button on Firefox 65 Is Larger than the CSD HOT 13
- Doesn't work at all with CSDs on Firefox 65 HOT 8
- Support new GNOME 3.32 theme HOT 18
- Fullscreen bugs HOT 2
- Bookmark bar above tabs? HOT 3
- CSD Buttons on the Left HOT 4
- Heads up: userContent/userChrome to be gated by default-off pref
- Context menu theming HOT 1
- Volume and close button too close?
- Discontinue parts of the project HOT 10
- Question: Buttons in window without the titlebar HOT 2
- Quit Minimize ect... buttons displayed on a little bar on the top of url adress HOT 1
- The authorization popup for allowing use of camera and micro won't show HOT 3
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 firefox-gnome-theme.