That being said, there is something that has been a constant source of annoyance for me. I usually have lots of tabs open and regularly use the following work flow:
1. Open enough tabs to fill the tab bar's width.
2. Select the last tab.
3. Do a search for something.
4. Open a few links from the current tab in new tabs.
The current behaviour of the Tab Bar is that the right scroll bar arrow flashes briefly, a really tiny part of the next tab is shown and the right scroll arrow lights up a little. That is all the indication that there are more tabs to the right. This is really inconvenient for me and I often end up opening some links twice, because when I look at the Tab Bar, it shows me the current tab is the last, which is no longer the case.
For this reason, I propose the following change:
- Whenever links are opened in new tabs from the last tab, scroll the Tab Bar to make the new tabs visible (in part like the new Opera with Blink is doing, except it decreases the width of each tab instead of scrolling). This would ideally be optional, in case someone dislikes it.
- If the user opens enough tabs, so that scrolling the Tab Bar would make the current tab (the source for the new tabs) fall out of view, instead do this:
- when there are enough new tabs, so the current tab becomes the left-most one, don't scroll the Tab Bar any more, but use the default behaviour (just flash the right scroll arrow).
I know this is fixable by using userChrome.css to replace the arrows' background colour with one contrasting with the end result of the OS visual style and browser theme combination, but doing this, the flashing effect of the right arrow background is no longer visible, when new tabs are opened outside of the visible part of the scrollbox. Maybe the fault lies in the .CSS I'm using? Here is the code:
Code: Select all
.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]){
background-color: rgb(150,250,180) !important;
opacity: .8 !important;
}
.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]){
background-color: rgb(150,250,180) !important;
opacity: .8 !important;
}
Thank you for reading what turned out to be quite a lengthy post!