this post was submitted on 25 Nov 2023
2 points (100.0% liked)

Firefox Customs

64 readers
2 users here now

Chat with us!

Post your unsupported Firefox customizations here!

From the makers of r/FirefoxCSS

Links

Related

Rules

  1. Posts must have flair!
  2. Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.
  3. Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.
  4. When posting large amount of code use a service dedicated to hosting text snippets, such as pastebin, hastebin, github gist or equivalent. Relatively short snippets can be wrapped in code-block for inline viewing.
  5. Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.

founded 2 years ago
MODERATORS
 

I use some code that use the position of the tab to give some style but when that Firefox-view tab is active create a invisible tab that makes the code wrong. I would like to have that tab visible, and work with that or I don't know jeje

top 5 comments
sorted by: hot top controversial new old
[–] [email protected] 1 points 1 year ago (1 children)

I haven't done this but understand it's possible. You can move the Firefox View tab to another location, for example, to a toolbar. That might avoid the problem.

[–] Godie 1 points 1 year ago (1 children)

hi, I don't mean that, I mean the firefox-view tab, not the firefox-view button, when you clic the firefox-view button it opens the tab but this tab is invisible, and that was make problems for my code.

[–] [email protected] 1 points 1 year ago

Yes, I meant the tab.

[–] MrOtherGuy 1 points 1 year ago (1 children)

I'm not sure I understand what you are going for, but you can certainly make the Firefox View tab visible like this:

.tabbrowser-tab[label="Firefox View"]{
  display: flex;
}

Even though it will now be visible, you can't actually make that tab active because it will still have hidden="true" attribute, which makes tab switching logic treat it as "non-selectable".

[–] Godie 1 points 1 year ago

thanks for the help, I will use this, I hope don't affect other hidden tabs cause if I don't use [hidden="true"] too for some reason the code fails.

.tabbrowser-tab:is([hidden="true"][label="Firefox View"]){
    display: block !important;
    max-width: 0px !important;
    min-width: 0px !important;
    height: 0px !important;
    padding-inline: 0px !important;
}