28 lines
820 B
Markdown
28 lines
820 B
Markdown
+++
|
|
title = "Fixing the position of TST's new tab button"
|
|
date = 2023-07-30
|
|
+++
|
|
<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>
|
|
|
|
```css
|
|
#tabbar .after-tabs {
|
|
display: none;
|
|
}
|
|
|
|
#tabbar ~ .after-tabs {
|
|
display: flex !important;
|
|
}
|
|
|
|
:root {
|
|
--after-tabs-area-size: 20px !important;
|
|
}
|
|
``` |