Tab Groups (which is a native feature, not an extension, but not sure if available on Mac)? Or just multiple windows + Session Buddy to stowe away / restore your tabs / windows.
Technology
A nice place to discuss rumors, happenings, innovations, and challenges in the technology sphere. We also welcome discussions on the intersections of technology and society. If it’s technological news or discussion of technology, it probably belongs here.
Remember the overriding ethos on Beehaw: Be(e) Nice. Each user you encounter here is a person, and should be treated with kindness (even if they’re wrong, or use a Linux distro you don’t like). Personal attacks will not be tolerated.
Subcommunities on Beehaw:
This community's icon was made by Aaron Schneider, under the CC-BY-NC-SA 4.0 license.
Unrelated but why not use safari? The tab grouping is so good, and not buggy/useless like the built in groups in chrome or the extensions for chrome and ff
Thanks for helping me think outside of the box
I know you asked for chrome, but firefox is really the best here. With https://github.com/mbnuqw/sidebery (version 5) it's extremely nice.
Here are my custom styles which I think make it look a lot better
#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);
}
It's a little funny that I got two non-chrome solutions both claiming to be the best - but hey! A little outside the box thinking is good! Thank you!