... | ... | @@ -34,23 +34,6 @@ Warning: when writing your own CSS rules, please try to be specific and avoid us |
|
|
```
|
|
|
</details>
|
|
|
|
|
|
## Use reversed tab order [#202](https://github.com/eoger/tabcenter-redux/issues/202)
|
|
|
|
|
|
<details>
|
|
|
<summary>Show/Hide CSS</summary>
|
|
|
|
|
|
```css
|
|
|
#tablist {
|
|
|
flex-direction: column-reverse;
|
|
|
display: flex;
|
|
|
flex: 0 0 auto;
|
|
|
}
|
|
|
.tab.pinned {
|
|
|
order: 1;
|
|
|
}
|
|
|
```
|
|
|
</details>
|
|
|
|
|
|
## Reduce height of tabs in compact mode
|
|
|
|
|
|
<details>
|
... | ... | @@ -230,7 +213,7 @@ For Firefox 64 and ulterior, with no animation (hiding of scrollbar can’t be a |
|
|
display: none;
|
|
|
}
|
|
|
/* Fix title gradient */
|
|
|
.tab:hover:not(.pinned) > .tab-title-wrapper {
|
|
|
#tablist .tab:hover > .tab-title-wrapper {
|
|
|
mask-image: linear-gradient(to left, transparent 0, black 2em);
|
|
|
}
|
|
|
```
|
... | ... | @@ -254,7 +237,7 @@ For Firefox 64 and ulterior, with no animation (hiding of scrollbar can’t be a |
|
|
<summary>Show/Hide CSS</summary>
|
|
|
|
|
|
```css
|
|
|
#pinnedtablist .tab.pinned.wants-attention {
|
|
|
#pinnedtablist .tab.wants-attention {
|
|
|
background-image: none;
|
|
|
}
|
|
|
```
|
... | ... | |