Comments (8)
I just updated to the latest release of EdgeFr, and giving this 'sidebery' business a whirl. I don't know if we need a 3rd party addon for this if the same experience can be simply replicated from the CSS already. Please take a look at https://www.reddit.com/r/FirefoxCSS/comments/obw2wm/edgestyle_vertical_tabs_for_firefox_with_tab/
Again, I'm not tooo familiar with all the features sideberry offers and/or if the additional bloat is really worth it, so let me know if I'm missing out on something truly great.
from edge-frfox.
P.S. if there's some way to include the focused singular tab as the header like Edge, would be more complete
from edge-frfox.
Add a option to hide tabs even if sidebery is closed.
- Add a option to hide the address bar / toolbar.
Thank you for this theme, I love it.
The first one may not be possible without duplicating all of the code used in hiding the tabs toolbar, which I would prefer not to do if I can. You could modify the chrome/tweaks/hide-tabs-bar.css
file on your system, which would just involve replacing the selector:
/* FROM: */
:root:not([customizing]):has(#sidebar-box[sidebarcommand="[extention-id]"]:not([hidden])) {
/* ... */
}
/* TO: */
:root:not([customizing]) {
/* ... */
}
For the second one, do you mean permanently? Or like an auto hide option where it is activated when moving the mouse to the top? There is already the full screen mode where this possible, though that wouldn't work for a "windowed" mode.
from edge-frfox.
-
can't you use the new nested seelctors in css to do that?
-
auto-hide
from edge-frfox.
can't you use the new nested seelctors in css to do that?
auto-hide
I already use the nested rules, but you can't really mix media rules (used for tweaks) with regular rules (which target the elements themselves) easily.
The problem is that only one selector type can be applied without breaking functionality of the other option: always hidden OR hidden when Sidebery is active.
I can't change the selectors based on media rules, unless CSS adds support for variables inside selectors or mixins (reusable styles). The only way I know this can be accomplished is by duplicating the contents of the rules and putting them in separate media queries.
For the auto-hiding nav-bar, I will look into it but it may be out of scope of this theme.
from edge-frfox.
could you switch to using SCSS, i think its super-set so shouldn't be an issue.
from edge-frfox.
could you switch to using SCSS, i think its super-set so shouldn't be an issue.
I have thought about using a preprocessor, but that would make is a bit harder for others to modify the CSS as SCSS doesn't seem to support outputting nested CSS code and others may not have SCSS installed or know how to use it.
from edge-frfox.
I just updated to the latest release of EdgeFr, and giving this 'sidebery' business a whirl. I don't know if we need a 3rd party addon for this if the same experience can be simply replicated from the CSS already. Please take a look at https://www.reddit.com/r/FirefoxCSS/comments/obw2wm/edgestyle_vertical_tabs_for_firefox_with_tab/
Again, I'm not tooo familiar with all the features sideberry offers and/or if the additional bloat is really worth it, so let me know if I'm missing out on something truly great.
The theme used in the Reddit post you linked uses the Tab Center Reborn extension, which is similar to Sidebery (but with less options/features, e.g. tab tree structure).
I was originally going to make my own version of that theme (I even submitted some bug fixes and features), but I started using Sidebery due to the features it offers, so I made a theme for that instead.
P.S. if there's some way to include the focused singular tab as the header like Edge, would be more complete
I will give the title bar appearance a try and see if that can be added.
from edge-frfox.
Related Issues (20)
- The tab highlighting overlaps a neighboring tab
- [BUG] Windows control (min max close) button fails on 123+ Beta/Nightly after enabling 'uc.tweak.hide-tabs-bar' HOT 1
- Theme Tree Style Tab (Vertical Tabs) HOT 5
- active tab bottom corners are not rounded and not smooth at all HOT 2
- Add icon to "Report broken site" menu HOT 1
- Use firefox theme colors for sidebery HOT 1
- More rounded tabs HOT 2
- YouTube search bar bug HOT 1
- The color doesn't work with Firefox version 126.0b1 beta & 126.0b2 beta. HOT 4
- Add ability to remove close button HOT 1
- Update to the new color of the menus in Edge HOT 4
- Tweak Request: Private Profile Icon
- Bookmark bar height configurable
- Some firefox custom themes cannot adapt to Rounded browser corners and cannot cleearly display in the top-right
- Add translation icon in menu (Firefox 128)
- Window control rounded request HOT 2
- how to remove sideberry border
- Password manager pop up windows have their upper and lower border cut
- Tracking protection button hover logic HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from edge-frfox.