MrOtherGuy

@MrOtherGuy@lemmy.world

This profile is from a federated server and may be incomplete. View on remote instance

MrOtherGuy ,

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.

MrOtherGuy ,

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.

MrOtherGuy ,

I have no clue about hacking macOS

MrOtherGuy ,

Yes. I want to have access to both history and bookmarks on all my devices and send specific tabs to other devices. Sync makes these super convenient.

MrOtherGuy Mod ,

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/).

MrOtherGuy Mod ,

It is. But note that that site shows code in mozilla-central repository, i.e. code for nightly which can change quite often.

You can switch to release repository by replacing the mozilla-central part of the url with mozilla-release

MrOtherGuy Mod ,

I think this is essentially bug 1728912 - maybe you want to read and/or follow that.

MrOtherGuy Mod ,

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.

Anyone know what happened to the r/FirefoxCSS sub?

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...

MrOtherGuy Mod ,

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 :)

MrOtherGuy Mod ,

No lie, the reddit nick was annoying at times

MrOtherGuy Mod ,

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.

MrOtherGuy ,

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.

MrOtherGuy ,

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.

Help needed, Autohide toolbox but the top gets cut off

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....

MrOtherGuy Mod ,

I have no idea why that kind of thing would happen, but you might be able to fix it simply be moving the thing downwards a bit:

:root[sizemode="maximized"] #navigator-toolbox{
  top: 8px;
}

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.

MrOtherGuy Mod ,

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.

MrOtherGuy Mod , (edited )

An extension should be able to do this so search for those. But it would probably make sense to have such extension be specific to some particular website, because lots of websites have videos which exist for purposes other than the "main content of that page" and trying to remember all such things would be pretty wasteful.

MrOtherGuy Mod ,

Yeah, seems that nowadays the icons are drawn as background-image. I've updated the style so it should be all good now.

MrOtherGuy Mod ,

Indeed there is! I tested two Firefox simultaneously and copied rules from the wrong browser toolbox :p
The new update should work fine now.

MrOtherGuy ,

You just have the link texts in a text editor one at each line, then select all and drag the selection to tabs toolbar.

But yeah, it does become an issue if you try it with thousands of tabs... It should work, but probably chokes quite a bit.

Can users upload files to Manifest V3 addons?

For instance, in the settings page for Tab Session Manager, you can click an upload button to upload JSON session files from your device to the addon. I looked up if UBlock Origin Lite (the re-implementation of UBlock Origin with Manifest v3) supports custom filter lists and all the results said no it can't due to the...

MrOtherGuy ,

I guess that kinda depends on what you mean by "upload". If you simply mean if user can point the extension to load some local file eg. via <input type="file"> then sure, that works just fine.

It sounds like the issue you mention regarding uBO Lite is not about if it can read a local file, but rather that it can't use that data to update the active filter lists - perhaps because it already has too many dynamically inserted filter rules, but that's just a guess.

MrOtherGuy ,

IIRC the old tab groups feature was eventually removed because telemetry showed that only very few people used it...

MrOtherGuy ,

Right, but then you shouldn't be shocked to find out that a feature was removed because nobody seemed to be using it.

MrOtherGuy ,

Not at all the same thing. For one, you can open a history entry and then navigate back from that to the page you came from to that page - which there may be several. Tabs preserve per-tab history which makes it superior in many ways to both history and bookmarks.

MrOtherGuy ,

I mean, do whatever works for you, but that sounds kinda unnecessary when you can just use an already existing feature - tabs.

MrOtherGuy Mod ,

Your example css here kinda makes me believe that you have a wrong idea about how selectors work. What you have written sounds like your intention is to create a sort of scope with the outer #menu-history-clear-recent-history selector and then apply the rules to elements matching .checkbox-check within that outer scope - that is, to match .checkbox-check elements which are inside #menu-history-clear-recent-history.

That kind of construction doesn't exist in css and thus this is invalid rule.
What you would do instead is like this:

#menu-history-clear-recent-history .checkbox-check { appearance: none !important; background: #e2cfb6; }

The space character between selectors (the descendant combinator) means "what comes after it needs to be inside what came before it".
More about selectors at MDN

MrOtherGuy Mod ,

Okay, so I looked a bit more and there's few other things at play here.

First, there is no element with id menu-history-clear-recent-history anywhere. There is one menuitem in menubar > history > Cler recent history with a data-l10n-id="menu-history-clear-recent-history" attribute, but that is not the same thing as id attribute (which you can match with a # prefix)

Second, that menuitem merely opens the sanitize dialog, but contents of tha dialog are not in any sense inside that menuitem. Thus, you cannot use the a selector for the menuitem as an ancestor for the checkbox in your selector.

The dialog is separate sub-frame with its own document and all so you could do this in a couple of different ways: You can either write #SanitizeDialog .checkbox-check { appearance: none !important; background: #e2cfb6; } because the sanitize dialog root element has an id attribute SanitizeDialog - or you could make your rule really scoped to the sanitizeDialog document like this:

@-moz-document url("chrome://browser/content/sanitize.xhtml"){
  .checkbox-check { appearance: none !important; background: #e2cfb6; }
}

These are different things because if there ever was some situation in any Firefox window where a .checkbox-check was inside any element with id SanitizeDialog then it would match. The second option will only ever match all .checkbox-check elements inside a document with that specific url.

MrOtherGuy ,

My first guess would be that this is caused by the website implementing its own navigation/history behavior using History API. That can easily mess things up, or at least not behave like you might want.

MrOtherGuy Mod ,

I don't know what ogx does, but normally the checkmarks in this context have appearance: auto and -moz-default-appearance: checkbox and as such are painted using special checkbox rendering rules. In particular, the checkmark color is derived directly from the accent-color property, which itself controls the color of the checkbox. For example, if you set accent-color: #f58 then the checkmark is near-white, but as soon as you set accent-color: #f59 it turns dark-grey.

To get around that, you need to wholly remove the appearance with appearance: none - of course, doing so will remove all aspects of checkbox rendering that come from appearance, so you need to manually style all their states.

Incomplete, but the idea would go something like this:

@-moz-document url-prefix("about:preferences"){
  .checkbox-check{
    appearance: none !important;
    background: #f00; 
  }
  .checkbox-check[checked]{
    background-image: url("chrome://global/skin/icons/menu-check.svg");
  }
}
MrOtherGuy Mod ,

You can just add this:

.checkbox-check:hover{
  background: #00f;
}

Although, in case you mean to change the color of the checkmark, and not the box then you first need to forward fill-color to the svg image. Now the checkmark is black just because black happens to be the default color in case fill is not defined in css.

So like this:

.checkbox-check{
  appearance: none !important;
  background: #f00; 
}
.checkbox-check[checked]{
  background-image: url("chrome://global/skin/icons/menu-check.svg");
  -moz-context-properties: fill;
  fill: #000;
}
.checkbox-check[checked]:hover{
  fill: #fff;
}
MrOtherGuy Mod ,

Interesting. I wonder what the difference would be - I've tried that style on Win10 with Firefox 123 with new profile and I can't reproduce this issue, not on 100% scaling or with 250% like in your example.

MrOtherGuy Mod ,

Yeah, I created a new profile in Firefox 123 and installed the Gradient Blue theme you linked. I then made Firefox to load userChrome.css by flipping the pref created userChrome.css with contents of non_floating_sharp_tabs.css and this is the result:

https://lemmy.world/pictrs/image/8fd4603f-3b1a-4290-a7f8-cf8138391444.png

So, I would be interested to know what makes a difference here where on my system no line is seen below selected tab (as intended) but on your system apparently there is a line.

MrOtherGuy Mod ,

I just noticed that the link you have for non_floating_sharp_tabs.css points to a for 4months old revision of that file, not the latest.

MrOtherGuy Mod ,

Yes, this is essentially an issue about how toolbars are layered. Many themes have some background image behind the whole toolbars area (or toolbox), and then have semi-transparent background color for the main toolbar from which the image is seen through.

To make selected tab look like it is connected to the toolbar below it must use that same semi-transparent background. BUT, if there is also a line separating the toolbars (implemented as box-shadow on nav-bar), then that line needs to be covered somehow. Built-in themes, with the exception of Alpenglow, all have fully opaque toolbar background-colors so there is no issue, the opaque selected tab can just cover it and all is well.

So selected tab needs to have some opaque background, but to make it fit I've chosen to make it have bunch of background-images positioned such they are (most of the time) indistiguishable from the toolbox background image(s). In short, selected tab also uses the same background-image as the toolbox.

But starting with 122 the titlebar has opacity and will-change properties with values that cause it (as well as tabs toolbar within it) that change how all these layers are stacked on top of each other.

The end result is that box-shadow of nav-bar gets drawn over selected tab, whereas what we want is to draw the selectsd tab with all its background-images over the box-shadow. Either that, or the clipping of the opaque background-images of selected tab doesn't actually cover the whole tab and thus the box-shadow is again seen through one of the non-opaque background-images.

MrOtherGuy Mod ,

I dunno, this seems to work out just fine on my end. Although I tested with 16x16 .png image but that shouldn't change anything.

MrOtherGuy ,

I think this really comes to what exactly you want to separate. You say "I often need to use two different profiles". Okay, why do you need to use separate profiles though? Maybe separate profiles are not a great solution in the first place for your purpose?

Firefox profiles are amazing because you can be sure that no data is shared between the two profiles (unless you sync them of course) - for whatever reason one might want that. But if you just need some session separation then containers would be a much better fit.

MrOtherGuy ,

Fair. For something like that containers don't work, and indeed profiles are probably the way to go. I sure wouldn't mind if about:profiles had a button to create new icon for that specific profile which then would also be in its own taskbar group, but I doubt I would want it as default for new profiles.

At any rate, having multiple profiles per same install on same Windows user poses some issues. Like what profile are links in other applications supposed to open in?

MrOtherGuy ,

Okay, since it doesn't like it's your main computer or anything, you might be interested to try taskbar profile grouping. Go to about:config and while there create a new boolean pref named taskbar.grouping.useprofile and set it to true. Doing that the two profiles should have their own group in taskbar. It's a very crude feature though, since for example the right-click jump list items are not separate and you can't set different icons for them (unless you do that via Windows somehow), but it sort of works.

MrOtherGuy ,

There isn't a built-in option for that, but you can hack it with custom styling rules using userChrome.css. Just like the other guy said though, the styling rules that work now may need to be updated if something changes in Firefox, but that is the nature of customization.

Here is a link to a stylesheet that achieves this.

MrOtherGuy ,

Indeed, but what I don't get is why on earth do people spew this damn crap about manifest v3 as a whole, when the actual issue is just the removal of "webRequestBlocking" feature that Google is about to bring along with their implementation of mv3. Why the hell aren't folks mad about the actual issue but instead just want to be mad about the whole bloody thing, which actually also does bring some very real privacy improvements among other nice things.

How can I sync only one bookmarks folder across Firefox profiles and accounts, with their smart keywords?

If you don't know about smart keywords, basically you can set phrases as shortcuts for specific bookmarks. I want a folder with all of my keywords synced, and that folder only. On each profile or account I have have whatever other folders and the placement of the folder with the keywords doesn't matter as long as they have the...

MrOtherGuy ,

I don't think that's possible. As a sort of workaround you might be able to first backup all your other bookmarks on each device first, and then remove them. Then turn on sync and let it sync your keyword folder to all devices. Next, turn off bookmark sync again and then restore the backups.

Probably easier to just manually create the keyword folder its bookmarks though, since as a result you'll just end up with a not-synchronized keyword folder, but only having a snapshot copy of it on each device.

MrOtherGuy , (edited )

If a website has a compatible PWA manifest the there will be an item labelled "install" in the three-dot menu of Firefox in place of usual "add to homescreen" item.

Edit: There's a few other requirements as well for the website to be considered installable as PWA, such as it must have a registered service worker so it can work offline. But regardless, if the website provides all the requirements then it can just be installed straight from the menu.

How hard is it for you to use Firefox's browser toolbox / dev tools? Do you ever feel like you're fighting it?

Personally I'm pretty frustrated with the way it works. I've noticed all of the following , and at least some of these apply to dev tools too. I don't like the way Google controls the internet with Chrome, but at least its dev tools just work....

MrOtherGuy Mod ,

If you experience such issues you should report them to bugzilla so devs can look into them. I know I've had that attribute selection issue occur a few times though, but only in one profile that think is pretty busted anyway so I didn't think much about it.

The fourth point you mention could happen for all kinds of reasons, not all of which are bugs. so it's pretty impossible to say if something is wrong without specific example cases.

I do know though that every time I need to open Chromium devtools I'm like wtf am I supposed to do with these. I rarely need to use them so sure I would just need to familiarize myself with them, but still - it's annoying.

MrOtherGuy ,

Unfortunately by sending DNT you are merely suggesting to the server that you wish to not be tracked. There's no requirement for the server to actually care about you at all.

Now, if DNT were actually legally binding though - that would indeed be very cool.

Is it difficult to write or figure out good CSS? Is it normal to revisit your CSS and find lots of ways to improve it?

Firefox’s CSS just feels very dirty, like its very tricky to figure out how to best change this or that element because of how many moving parts there are between state changes (like :hover) and how variables interoperate. And in some places to make a single change you have to change multiple variables, like if you want to...

MrOtherGuy Mod ,

I think revisiting and finding stuff to improve is pretty normal. But I don’t view it as sign of being difficult, but just that you have now understood what you actually needed to do to achieve x.

The only thing that is like “difficult” is that userChrome.css is a user style sheet and thus you need to slap !important tags all over and can’t use ::part() selector. These make some things annoyingly complicated.

Well, I mean of course it’s also pretty dufficult to do some layout hackery where the intention is to break the normal layout flow by I dunno making toolbars vertical or in weird order or stuff like that. To do such things well you would have to be able to control more than just css, so if you are constrained to just using css then obviously you’ll need to come up with some weird stuff.

All in all I think it’s not so much being difficult, but just that layout is infact a complex process and you have to specify really well what you actually want to change to make stuff happen in a way you want.

MrOtherGuy ,

Notepad++ works great for taking notes. Besides, it’s open 24/7 anyway so dedicating a tab or two (or dozen lol) feels pretty natural.

I only use Joplin if I have some “very structured” notes about some topic, and while that is also open 24/7 np++ is always my go-to because “it just works” without having to care at all about formatting nor anything fancy.

MrOtherGuy Mod ,

I’m not sure if remember right, but yes you can remap various css system color like AccentColor by creating a string pref ui.accentcolor and giving it value in hex format like #ff0000. Maybe rgb format also works I dunno.

But of course if you do that then it will change everywhere in chrome and in web pages as well.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • supersentai
  • WatchParties
  • Rutgers
  • MidnightClan
  • Lexington
  • cragsand
  • mead
  • RetroGamingNetwork
  • mauerstrassenwetten
  • loren
  • xyz
  • PowerRangers
  • AnarchoCapitalism
  • kamenrider
  • Mordhau
  • itdept
  • neondivide
  • steinbach
  • AgeRegression
  • WarhammerFantasy
  • Teensy
  • learnviet
  • bjj
  • electropalaeography
  • space_engine
  • khanate
  • jeremy
  • fandic
  • All magazines