fliegendewurst.eu/content/blog/tree-style-tabs-new-tab-button-bottom.md

28 lines
820 B
Markdown
Raw Normal View History

2023-10-02 15:52:24 +00:00
+++
title = "Fixing the position of TST's new tab button"
date = 2023-07-30
+++
2023-07-30 08:09:36 +00:00
<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>
2023-10-02 15:52:24 +00:00
```css
2023-07-30 08:09:36 +00:00
#tabbar .after-tabs {
display: none;
}
#tabbar ~ .after-tabs {
display: flex !important;
}
2023-07-30 08:14:37 +00:00
:root {
2023-07-30 08:21:04 +00:00
--after-tabs-area-size: 20px !important;
2023-07-30 08:14:37 +00:00
}
2023-10-02 15:52:24 +00:00
```