Doesn't work when there is only one tab open
When you only have one tab open, and you hover over the favicon, the favicon disappears and the page title shifts over to the left.
Is there a way to make it so that when you only have a single tab, and you hover over the bar, the favicon will stay in place?
Is there a way to make it so that when you only have a single tab, and you hover over the bar, the favicon will stay in place?
Comments
1) Moves the "x"(tab close button) to the left of the tab.
2) Keeps the tab favicon on the left side of the tab and only makes "x"(tab close button) appear when you hover over the tab favicon or tab throbber with your mouse cursor(otherwise "x"(tab close button) would be hidden under the tab favicon).
So, you should be seeing the tab favicon be replaced with the tabs close X button on hover and the tab title should remain it the same position. The problem of the tabs close X button not showing has been seen on some third party themes, but not all. The tab title text shifting from it's position has been seen by one Mac OS X user.
For some mac OS x users:
***!Important!*** Under Mac OS X, the tab text may move right on hover, if so try changing the 3px into 0px on this part of code:
/* display close tab button on tab hover */
tab:not([pinned]):hover .tab-close-button {
visibility: visible !important; margin-right:3px !important; This style combines the tabs favicon and close X button, so to answer your question with a question: How would the single and solo tab be closed if the close button is hidden and only the tabs favicon and tab title text is only present on hover? Unless I misunderstood your question and you meant to ask to have the favicon be replaced when the mouse cursor is directly over it and not on the tab it self.
If using Tabs Mix Plus:
***!Important!***(This style is compatible with Tab Mix Plus extension just make sure TMP setting Display, Tab, Show on Tab, "Close tab button" - "on all" and "Place on left side" is selected)
Fix some issues with [Ext] Tab Mix Plus Lock, Protect, Auto Reload Icons on Tabs and the issue of the 'Close Tab button' not always appearing when hovered.
Give it a test to see if there any additional problems that I'm not seeing or I'm not aware of...
Did some CSS code cleanup and fixed the issue of the 'Close Tab button' not always appearing when tab is hovered in Tabs Overflow Mode. Also Configuring [Ext] Tab Mix Plus settings may not be required for TMP to be compatible with this style anymore.
Give the latest style update that I just uploaded a try and let me know if you are still experiencing any problems.
The problem you mentioned has been confirmed by a Mac OS X user he used this and it helped solve the problem:
***!Important!*** Under Mac OS X, the tab text may move on hover, if so try changing the 3px into 0px on this part of style code:
/* display close tab button on tab hover */
.tabbrowser-tab:not([pinned]):hover .tab-close-button {
visibility: visible !important; margin-right:3px !important;
}
.tabbrowser-tab:not([pinned]):hover .tab-close-button {
display: -moz-box !important; margin-right:3px !important;
}
.tabbrowser-tab:not([pinned]):hover .tab-close-button.always-left {
display: -moz-box !important; margin-right:3px !important;
}