Comments (7)
That is a bit hard to fix, since the position is fixed and even if I somehow set a second position for when sidebar is opened, you can adjust sidebar's width too, making it still "break".
As a workaround, I would suggest setting right: 1em;
to a value you prefer, such as 19em.
from userchrome-tweaks.
Alternatively, would left: 1em
move it to the top left?
from userchrome-tweaks.
In that case, one can remove that line entirely (default is left with zero margin).
from userchrome-tweaks.
I suppose that there is no way to check in CSS whether the sidebar is open, and on which side it is?
from userchrome-tweaks.
I guess it might be, but I don't have the time/tools to find out at the moment.
from userchrome-tweaks.
I have now found out that there is a parameter called ordinal that says whether the sidebar is on the left or right, so as an example one could do this:
#sidebar-box[ordinal="2"]{ /* red if left */
background-color: red !important;
}
#sidebar-box[ordinal="4"]{ /* green if right */
background-color: green !important;
}
Only question is, how to use that to adjust the find bar? Something like
#sidebar-box[ordinal="4"] > .browserContainer > findbar {
left: 0em !important;
}
didn't do the trick.
from userchrome-tweaks.
I think some magic with the :has
selector could do the trick: https://developer.mozilla.org/en-US/docs/Web/CSS/:has
But that compatibility table looks kinda depressing :P I don't think this is currently possible.
from userchrome-tweaks.
Related Issues (20)
- Hamburger Menu: move-to-top-left-Linux-Windows.css half-broke in FF71 HOT 2
- toolbars/auto-hide.css affected by Firefox 72 HOT 3
- show-bookmarks-only-on-newtab.css hides bookmarks toolbar anywhere in FF 72 HOT 6
- auto-hide-sidebar.css seems to load 'behind' content as of Firefox 72(.01?) HOT 3
- auto-hide-sidebar.css not working with FF 72.0 HOT 1
- auto-hide.css breaks Firefox 72 entirely HOT 9
- auto-hide.css : navbar doesn't expand when focused using Ctrl-L HOT 2
- Firefox 74 breaks icons and bookmarks side bar HOT 1
- Not clear how to use this HOT 1
- Firefox 75 broke some tweaks in my userChrome.css (tabbar) HOT 2
- Hiding icons
- I think Firefox 75 broke auto-hide.css HOT 8
- "multi-row-tabs-rounded-corners.css" on "77.0.1" does not work properly.
- show-bookmarks-only-on-newtab.css doesn't work anymore
- In its current state, auto-hide.css makes the bookmark bar unusable on Firefox 79
- Question about the behavior of "More Compact Tabs" on Windows 10 HOT 5
- osx FF78 change bookmarks manager window font size
- sliding-bookmarks-bar.css doesn't seem to work correctly on its own HOT 1
- remove-padding-when-not-maximized-macOS-Windows.css doesn't work
- Request for tabs vertically on left or right side.
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 userchrome-tweaks.