this post was submitted on 17 Jul 2023
1 points (100.0% liked)

Firefox

9 readers
45 users here now

The latest news and developments on Firefox and Mozilla, a global non-profit that strives to promote openness, innovation and opportunity on the web.

You can subscribe to this community from any Kbin or Lemmy instance:

Related

Rules

While we are not an official Mozilla community, we have adopted the Mozilla Community Participation Guidelines as far as it can be applied to a bin.

Rules

  1. Always be civil and respectful
    Don't be toxic, hostile, or a troll, especially towards Mozilla employees. This includes gratuitous use of profanity.

  2. Don't be a bigot
    No form of bigotry will be tolerated.

  3. Don't post security compromising suggestions
    If you do, include an obvious and clear warning.

  4. Don't post conspiracy theories
    Especially ones about nefarious intentions or funding. If you're concerned: Ask. Please don’t fuel conspiracy thinking here. Don’t try to spread FUD, especially against reliable privacy-enhancing software. Extraordinary claims require extraordinary evidence. Show credible sources.

  5. Don't accuse others of shilling
    Send honest concerns to the moderators and/or admins, and we will investigate.

  6. Do not remove your help posts after they receive replies
    Half the point of asking questions in a public sub is so that everyone can benefit from the answers—which is impossible if you go deleting everything behind yourself once you've gotten yours.

founded 1 year ago
MODERATORS
 

Help toggling top tab bar on firefox.

A while ago someone helped me to eliminate the top tab bar so i could just have my Tree Style Tab on the side. It works great but i was wondering if there was any way to make that a toggle? Cause sometimes I move my computer to a smaller monitor and the horizontal space that it takes can be inconvinient.

Here's the snippet for removing it in the first place:

/* hides the native tabs */ #TabsToolbar { visibility: collapse; }/* leaves space for the window buttons */ #nav-bar { margin-top: -30px; margin-right: 0px; margin-bottom: -4px; }

Also, since i have you here, i couldn´t manage to create a floating o just an existing "three buttons" (like the minimize maximize and close buttons). So if you know about any one of those it´d be really helpful.

Thanks in advance !

#firefox

top 3 comments
sorted by: hot top controversial new old
[–] Falmarri@lemmy.world 1 points 1 year ago (2 children)

I suggest switching to sidebery. Use the 5.x version from github, but if you do that they have a recipe.

https://github.com/mbnuqw/sidebery/wiki/Firefox-Styles-Snippets-(via-userChrome.css)

IMO the default styles look kinda ugly. I made one that looks very similar to treestyletabs

#root.root {--tabs-activated-shadow: 0px 1px 4px -1px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,0.133);}
#root.root {--tabs-activated-bg: #d3ebffff;}
#root.root {--tabs-inner-gap: 6px;}
#root.root {--tabs-indent: 8px;}
#root.root {--tabs-font: .9rem sans-serif;}
#root.root {--tabs-height: 25px;}
#root.root {--popup-bg: rgb(244, 245, 246);}
#root.root {--general-margin: 0px;}
#root.root {--frame-bg: #9a9996ff;}

#root.root {--status-active: #146fd9;}

#root.root {--tabs-border-radius: 4px 0 0 4px;}


/* OLD CSS VARS

*/

.Tab .body{
  border-style: solid;
  border-width: 0px 0px 1px;
  border-color: rgba(154, 153, 150,0.55);
	background-color: #FCFCFC;
}

.Tab[data-discarded="true"] > .body > .fav,
.Tab[data-discarded="true"] > .body > .t-box, 
.Tab[data-discarded="true"] > .body > .ctx {
  opacity: 1.00;
	--frame-fg: red;
}

.TabsPanel .bottom-space {
	height: 0;
}

.TabsPanel .bottom-bar {
	display: none;
}

.Tab .progress-spinner {
	right: 1px;
	bottom: 1px;
}

.Tab[data-loading="true"] .fav-icon {
  mask: radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),rgba(0,0,0,.141),rgba(0,0,0,.141) 8px,#000 8px,#000);
}
[–] spacegorilla@fedia.io 1 points 1 year ago* (last edited 1 year ago)

@Falmarri hey thanks man! if you dont mind I can´t manage to make the animation for the tabbar work. It seems to be something with the unicode values for the titlepreface* values but i dont really get along with css and/or unicode values so it´s not really going anywhere. Currently i have it set on U+200B wich seems to be the 'empty' value o smth but with that value the top bar just barely moves up when i activate Sidebery..

edit: typo

load more comments
view more: next ›