44 lines
1.2 KiB
HTML
44 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Fixing the position of TST's new tab button</title>
|
|
<meta charset="utf8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1"/>
|
|
<link rel="shortcut icon" href="favicon.ico">
|
|
<link rel="stylesheet" href="main.css">
|
|
</head>
|
|
|
|
<body>
|
|
<h1 id="header"><img src="favicon.ico" id="favicon"/><a href="/">FliegendeWurst's corner of the WWW</a></h1>
|
|
|
|
<h2>Fixing the position of TST's new tab button</h2>
|
|
|
|
<article>
|
|
|
|
<p>
|
|
Here you can learn how to change the position of the new tab button for the <a href="https://addons.mozilla.org/firefox/addon/tree-style-tab/">Tree Style Tab</a> browser extension.
|
|
With this change, the new tab button is always at the bottom of the tab tree.
|
|
Opening a new tab with the mouse is then as simple as clicking at the bottom left of the screen.
|
|
No more aiming at a 20 pixels high region below the last opened tab!
|
|
</p>
|
|
|
|
<p>
|
|
Simply add the CSS code below to TST's custom style option ("Advanced" > "Extra style rules for contents provided by Tree Style Tab").
|
|
</p>
|
|
<pre>
|
|
#tabbar .after-tabs {
|
|
display: none;
|
|
}
|
|
|
|
#tabbar ~ .after-tabs {
|
|
display: flex !important;
|
|
}
|
|
|
|
:root {
|
|
--after-tabs-area-size: 20px;
|
|
}
|
|
</pre>
|
|
|
|
</article>
|
|
</body>
|
|
</html> |