Single Close Tab button on the right of the tab bar

sventhebarbarian

0_1541944981291_Screenshot from 2018-11-11 20-57-26.png

TabMixPlus for Mozilla had a nice tab feature that I miss greatly, you could have a single close tab button on the right hand side, clicking it would close the current tab.

This had a couple of benefits:

I often work on a large number of tabs, once I complete work in them I will check the page content one by one closing as I go. With a single close tab button in a fixed location I could click it as I checked (I can achieve a similar result using the close tab keystroke, but it means taking my hands away from the mouse when I don't want to)
I like to have a close tab button in the tab bar, currently that means it is located on the tab itself. With my suggestion the close button is moved away from the tab. I often accidentally click the close tab button when I simply want to activate a tab, especially when I have a lot of tabs open and each tab is not wide.
You always knew exactly where the close tab button is located. When working quickly it saves having to scan and find the active tab when wanting to close it by mouse.

Pesala

@sventhebarbarian Opera 12.18 has this too.

stjamespark

I would like this too.

Bellcaller

This is an addon in Firefox, Chrome and as someone said above Opera.

stoiniger

I often acidentely touch the close button on the active tab. Can I have a SEPARATE CLOSE BUTTON on the far right?
When I go nuts with a lot of open tabs (e.g. 120) it helps to close the right ones at workday end.

kilroo

This is 100% the first thing I set up a Command Chain button for when I found out that feature had landed. Be nice if I could set the button image, but at least this actually works as expected for me - previously to get this behavior I needed two Chrome extensions, one to provide the button as an add-on (I also got a user modification to work the same way) and another to correct for the fact that invoking the closing of a tab either of those ways ignored the preference for which tab to focus afterward.

And even with both those extensions, closing a tab with the extensions button would activate the wrong tab for a split second before the SimpleTabOrder extension kicked in and corrected it. And that would sometimes include expanding a tab stack, which was even more distracting.

legobuilder26

@kilroo here's a CSS mod that will change the appearance of the chain (make sure the chain is named "Close Tab":

.toolbar-command button[title="Close Tab"] svg path {
  d: path(
    "M 21,7.6666668 18.511111,5.177778 13,10.511111 7.4888888,5.177778 5,7.6666668 10.511111,13.177778 5.1777778,18.333334 7.8444444,20.822222 13,15.666667 l 5.155556,5.155555 2.666666,-2.488888 -5.333333,-5.155556"
	);
}
// icon from FontAwesome

Ascaris

That works nicely! Thanks for that!

There still is no way to get that onto the tab bar, correct?

Having it on the main toolbar is close-ish, but like the OP, what I would really like is to have it on the tab bar.

Way back in the day, before Vivaldi, this is how Firefox had it (and how it still is for me)... new tab button on the left, close on the right.

Now the norm is to have the close tab button on the tab itself and the new tab button floating to the right of the tabs... which means both UI elements are floating around and not fixed in position. You should not have to hunt for buttons before using them! They should be in the same place each time, with often-used buttons on the screen edges (like the new tab and close button used to be) so that one can use the screen edge as a backstop for the mouse arrow and hit them more easily (Fitts' law).

Now with the toolchain and CSS mod, I have the close tab on the right side again, Fitts compliant and everything (I moved the puzzle piece to the status bar). I already have the new tab button on the far left of the tab bar via CSS, and the tab bar is under the main bar via CSS (hopefully that will be among the next crop of Vivaldi improvements!)... it's getting so close to allowing me to make it perfect in my mind!

barbudo2005

@legobuilder26

What tool do you use to get the code for svg path?

legobuilder26

@barbudo2005 I downloaded an icon from FontAwesome, then adjusted the size in Inkscape. Then I opened the SVG file in a text editor and copied the path.

barbudo2005

@legobuilder26

Thanks.

Said:

Then I opened the SVG file in a text editor and copied the path.

Who would have thought that you could open an SVG file with a text editor?

nomadic

@legobuilder26 I also like to run the SVG through an optimizer to make the path shorter. This is a good one.

Here is a guide I wrote up awhile ago.