The same will also happen with filter, transform and a few other properties. The reason is that when these properties are applied then a new containing block is formed, and that will cause fixed and absolute positioned children to behave somewhat unexpectedly in they now "appear to reserve space" whereas normally they don't. In this case the newtab options menu is fixed positioned, and thus if the body has backdrop-filter then the menu box causes the page to overflow.
There is an exception to that mentioned containing-block formation though; if you apply the property (such as backdrop-filter here) to the document root element then no extra containing block is generated. I suppose it should be pretty simple to just apply your rule to :root instead of body.
Sounds like what’s happening here is that the relative path you have given doesn’t resolve to what you think it does. See, the variable –newtab-wallpaper-dark is used by an internal style sheet, so when the url() actually gets resolved it will be relative to the internal style sheet address - not to the file path of userContent.css.
So, a workaround would be to give it an absolute file path or override the property where that variable is actually used.
Right, that makes perfect sense. The property being a variable nor it having an important tag are not meaningful to explain what's happening here.
What is important is simply what the address of the .css file is which sets the background-image property, because relative url resolves relative to that. The internal style sheet where this background-image property is set is chrome://activity-stream/content/css/activity-stream.css. So if the url it uses is ../newtab/wallpaper-dark.png (as by you setting the variable as such) then it will try to load an image from address chrome://activity-stream/content/newtab/wallpaper-dark.png which surely doesn't exist.
But if you set background-image property from within userContent.css then the relative url resolves relative to that instead.
Hello friends, I am using custom css’ on my Librewolf. Downloaded FF-ULTIMA and it looks cool. I have looked at its all .css files as stranger for css. As far as my view, there is no problem but can these css files cause any security or privacy vulnerability? Like, being injectable or the creator of theme can track us or not?...
Yeah, loading any external resources - I would think fonts even more so than images - is potentially risky. In addition, there is somewhat realistic possibility for browser fingerprinting if you use some style that makes browser viewport size atypical.
I can’t think of any actual security issues other than those. Otherwise the worst that a style could do is crash the browser, to make it utterly unusable or make it super slow. But those are all recoverable by simply trashing userChrome.css and restarting Firefox.
I find it incredibly disruptive every time this page comes up and it’s never completely capable of restoring my tabs. Is there any way to disable it so that it will instead update when I choose to restart Firefox?
In that case the issue is likely that files on disk are being modified by whatever mechanism your IT uses to push updates to devices. If the program files are modified while Firefox is running then you will unavoidably get this prompt.
I suppose the best you can do is to ask your IT folks to not update programs that are currently running.
If Firefox is using its own updater then it will notify that update is available and can even download it while it’s running. But the updater doesn’t normally apply the update (i.e. replace the program files on disk) until you restart Firefox so you can dismiss the update notification (not the one pictured in op) no worries.
But if some other updater mechanism such as package manager is handling the updates then you can run into issues if it’s stupid enough to replace the files while Firefox is running.
Take this with a grain of salt, but I believe I’ve read that standard backdrop-filter won’t work here and this would instead require OS compositor level mechanism because menupopup and panels are technically separate windows (or window-like widgets) from OS perspective.
The path they can be found from depends on which component they belong to, but bunch of them can be found over here at searchfox (this folder should mostly correspond to what icons are found inside chrome://browser/skin/).
I can't remember of the top of my head, but I seem to recall the custom highlighter is inserted to the end of the dom in targeted window, so maybe you can find it just from the inspector.
But I don't think it will do you much good because it sounds like you would need to modify native c++ code to make the changes that would allow the current highlighter implementation to work with panel or popups. At least, that's how I understand it.
EDIT 3 - The r/FirefoxCSS sub 'resurfaced' mid-afternoon today, Saturday 27Apr24... over 4 days after it had closed again due to the 2nd 'gone private' blackout incident triggered for unknown reasons by a person or persons unknown on Tuesday afternoon. Previous and only current Mod 'yawn_zz' reappeared alive and well and...
Hi, I can’t help you too much, but I can tell you what little I know.
I honestly have no idea what has been happening in reddit since last July. As far as I’m concerned the whole platform is dead, killed by admins, and I don’t want to have anything to do with it.
Indeed, the sub was abandoned some years back as well, back then I became a mod solely to rescue it from abandonment. I believe (although I might remember incorrectly) yawn_zz was given mod rights first by admins, and then I was given mod status by them. No clue how this sort of deal would resolve nowadays.
At any rate, I don’t have any other contact with them, but without going to any further details I can say that our relationship was suboptimal.
Frankly, the community was less willing to move to another platform than I had hoped, but perhaps now is a good chance to try again :)
Bleh, I’ve used way too generic selectors there… I updated the style and now it only applies to #main-menubar not all menubars like before. Another alternative could have been to use @-moz-document block to limit the style to only browser.xhtml but it’s probably alright like this.
I’m not 100% sure about this, but I don’t think addons are allowed to write anything to disk without user interaction, except to their own database of course.
I guess you could do it if you had some other installed software that backed up extension data from Firefox profile folder. Then again, if you are worried about some profile data getting wiped, then it would just make sense to back up the whole profile and not just little bits of it because who knows what other data could get wiped.
Huh, okay. That does seem like extensions can indeed write arbitrary data to default download directory automatically. Maybe you can create a feature request to existing extension for that kind of feature. Although I would think that an interval is totally unnecessary and it would make more sense to only make a backup whenever style editor is started or a style is otherwise being added/removed or some such.
I'm using MrOtherGuy's autohide_toolbox.css code it's excellent, but like 4 vertical pixels are gone at the top above the tabs, tried using this code, top doesn't get cut off but it doesn't hide the Bookmarks Toolbar while the setting of Always Shown is on, any help please....
Although, it also looks like maybe you are using some other styles as well which could be causing the issue, because this image here seems that tabs are kinda abnormal - but it’s pretty hard to tell by such small image alone.
I meant you to add it after autohide_toolbox code. It would only have an effect in maximized windows, since you said the issue only appears when window is maximized. I don't know what is going on if that has no effect at all.
I'm using Firefox-beta v.125 on Manjaro-KDE, I use the code from here: window_control_force_linux_system_style.css but seems like don't work right anymore, the system buttons appear overlapping the default, maybe that could be a temporal issue cause is beta version, I don't know.
apply filter to new-tab makes the page has unwanted horizontal scroll (lemmy.world)
hi,...
Image in chrome/newtab folder is nor reached by the code (lemmy.world)
hi, I'm asking for help to solve this inconvenient when I try to replace the default wallpapers in newtab page....
is CSSs safe?
Hello friends, I am using custom css’ on my Librewolf. Downloaded FF-ULTIMA and it looks cool. I have looked at its all .css files as stranger for css. As far as my view, there is no problem but can these css files cause any security or privacy vulnerability? Like, being injectable or the creator of theme can track us or not?...
Firefox@Lemmy.ml: In the comments, post an image or write the # of history entries you have when you do, Show History > This Month > CTRL A! (lemmy.world)
𖣠⚪ИNᗱᗴᴥᑐᑕᔓᔕ🛟ᔓᔕᔓᔕᑐᑕ❉ᗱᗴᙏⓄᴥ옷ᑐᑕᴥᗱᗴᔓᔕᑎ𖣨ꕤⓄꗳᗱᗴᴥꖴꗳ⚪𔗢⚪🞋⚪𔗢⚪ꗳꖴᴥᗱᗴꗳⓄꕤ𖣨ᑎᔓᔕᗱᗴᴥᑐᑕ옷ᴥⓄᙏᗱᗴ❉ᑐᑕᔓᔕᔓᔕ🛟ᔓᔕᑐᑕᴥᗱᗴИN⚪𖣠 (fedia.io)
⚪...
Is there a way to disable the "Restart to Keep Using Firefox" page? (lemmy.ml)
I find it incredibly disruptive every time this page comes up and it’s never completely capable of restoring my tabs. Is there any way to disable it so that it will instead update when I choose to restart Firefox?
Firefox@Lemmy.ml: Custom CSS, Does backdrop-filter work on bookmark folder menus? When I try it it just blurs the text (lemmy.world)
Do you use Firefox Sync? Why or why not? (sh.itjust.works)
How can I see all the available icons often found in CSS snippets as "chrome://something/something else/etc..." ? (lemmy.world)
Hello,...
Browser toolbox, info popup hidden behind ... popup (fedia.io) German
This one has been driving me crazy for ages......
Anyone know what happened to the r/FirefoxCSS sub? (fedia.io)
EDIT 3 - The r/FirefoxCSS sub 'resurfaced' mid-afternoon today, Saturday 27Apr24... over 4 days after it had closed again due to the 2nd 'gone private' blackout incident triggered for unknown reasons by a person or persons unknown on Tuesday afternoon. Previous and only current Mod 'yawn_zz' reappeared alive and well and...
how to apply 'vertical_popup_menubar.css' in main UI and not in Library. (fedia.io)
I'm using this stile from @MrOtherGuy : vertical_popup_menubar.css and that makes the menu items from Library disappear.
Lemmy.world: Any addons like Stylus for websites styles, that can automatically backup files on my device?
Edit: I want to automatically export my themes because I’ve lost themes in the past on Firefox when addon data would unexpectedly get wiped....
Exploring improvements to the Firefox sidebar – Firefox Nightly News (blog.nightly.mozilla.org)
Help needed, Autohide toolbox but the top gets cut off (fedia.io)
I'm using MrOtherGuy's autohide_toolbox.css code it's excellent, but like 4 vertical pixels are gone at the top above the tabs, tried using this code, top doesn't get cut off but it doesn't hide the Bookmarks Toolbar while the setting of Always Shown is on, any help please....
Help for window controls in Linux (fedia.io)
I'm using Firefox-beta v.125 on Manjaro-KDE, I use the code from here: window_control_force_linux_system_style.css but seems like don't work right anymore, the system buttons appear overlapping the default, maybe that could be a temporal issue cause is beta version, I don't know.