... | @@ -479,16 +479,7 @@ Install the [Tab Count in Window Title](https://addons.mozilla.org/addon/tab-cou |
... | @@ -479,16 +479,7 @@ Install the [Tab Count in Window Title](https://addons.mozilla.org/addon/tab-cou |
|
|
|
|
|
## Floating auto-shrinking sidebar [#103](https://github.com/eoger/tabcenter-redux/issues/103) ([video preview](https://youtu.be/Y_rTY8tTAO8))
|
|
## Floating auto-shrinking sidebar [#103](https://github.com/eoger/tabcenter-redux/issues/103) ([video preview](https://youtu.be/Y_rTY8tTAO8))
|
|
|
|
|
|
**Warning: this CSS may stop working correctly with major Firefox updates.**
|
|
**Warning: this CSS may stop working correctly with major Firefox updates, and may not be fixed right away.**
|
|
|
|
|
|
If you’re using Firefox >= 72, you can’t have a floating sidebar (until somebody figures a trick to do it).
|
|
|
|
|
|
|
|
As a workaround, you can remove the `display: block;` instruction at the beginning, but then the sidebar doesn’t float above the webpage anymore, it pushes or pulls the webpage side when it grows or shrinks. It is also advised to remove the animation by removing the `transition: […]` line, to avoid the slowness of recomputing the page’s layout at each frame of the animation.
|
|
|
|
|
|
|
|
Please consider:
|
|
|
|
|
|
|
|
- [hiding the sidebar header](#hide-sidebar-header)
|
|
|
|
- [merging active and container indicators on the left](#merge-active-and-container-indicators-on-the-left)
|
|
|
|
|
|
|
|
<details>
|
|
<details>
|
|
<summary>Show/Hide CSS</summary>
|
|
<summary>Show/Hide CSS</summary>
|
... | @@ -502,6 +493,7 @@ Please consider: |
... | @@ -502,6 +493,7 @@ Please consider: |
|
overflow: hidden;
|
|
overflow: hidden;
|
|
transition: min-width 0.2s ease;
|
|
transition: min-width 0.2s ease;
|
|
border-right: 1px solid #cdc7c2;
|
|
border-right: 1px solid #cdc7c2;
|
|
|
|
z-index:1;
|
|
}
|
|
}
|
|
|
|
|
|
#sidebar,
|
|
#sidebar,
|
... | | ... | |