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

Firefox Customs

64 readers
16 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 1 year ago
MODERATORS
[email protected]
MrOtherGuy
2
There is a way to make visible like normal tab the Firefox-view tab? (self.FirefoxCSS)
submitted 10 months ago by Godie to c/[email protected]
5 comments fedilink hide all child comments
 

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 10 months 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 10 months 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 10 months ago

Yes, I meant the tab.

[–] MrOtherGuy 1 points 10 months 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 10 months 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;
}