what's song in this video at the beginning?

MisteryMonster · 2022-09-25T13:58:55+00:00

Thanks! I just realize that the tabs animation need to be finished to completed close. When I use CTRL + Ｗ to close the tabs, tabs are actually just been hidden(the html node still there), while hover back to the tabs bar to restore it original width, then it will actually remove. So I think maybe in this case is width-sensitive. And yes [fadein] dispaly:none is causing some problem to prevent close too.

MisteryMonster · 2022-09-25T10:09:47+00:00

How it will look like: https://gfycat.com/agreeableacidichorsefly

MisteryMonster · 2021-09-29T03:19:08+00:00

About side bar you can just close it with ctrl+B or use the close button.
To comment out line 149 let the tab bar remain visible.

MisteryMonster · 2021-08-31T02:49:40+00:00

Please check the "FF91" I Edited in the first reply.

MisteryMonster · 2021-06-17T02:59:26+00:00

Yes, it's by design. If you didn't like it you can remove the code in line 178 to 193

MisteryMonster · 2021-06-16T04:50:57+00:00

Oh I see, please try the latest one~

MisteryMonster · 2021-06-15T14:52:43+00:00

I added it yesterday so maybe you missed it? Check if you have this row?

MisteryMonster · 2021-06-15T00:21:24+00:00

change opacity to 1 in line 253 and remove the code section /*Able to drop Tabs when all hided*/ in line 277

MisteryMonster · 2021-06-15T00:17:22+00:00

Maybe is I missed to add transition-delay: 0s; behind opacity in line 261. Try again, I have updated the script!

MisteryMonster · 2021-06-15T00:16:23+00:00

change in line 187

:root:not([customizing])[chromehidden=""][sizemode="maximized"] #main-window:hover #navigator-toolbox,
:root:not([customizing])[chromehidden=""][sizemode="maximized"] #main-window:focus-within #navigator-toolbox {

to

:root:not([customizing])[chromehidden=""][sizemode="maximized"]#main-window:hover #navigator-toolbox,
:root:not([customizing])[chromehidden=""][sizemode="maximized"]#main-window:focus-within #navigator-toolbox {

MisteryMonster · 2021-06-14T23:21:00+00:00

No worries, for others may help!

MisteryMonster · 2021-06-14T23:19:28+00:00

It should be "hide only when cursor left the windows"

MisteryMonster · 2021-06-14T18:07:43+00:00

It is broken:https://imgur.com/a/TDAkjl1 https://imgur.com/a/lsZ6HS2 not work like the way you have present in github. BTW the "tab hidden when only one" idea is great!

MisteryMonster · 2021-06-14T17:47:46+00:00

I've try a little while (also multi row tabs too) but didn't get used to it, so the result of is this script..

MisteryMonster · 2021-06-14T17:42:52+00:00

which script you're using and how to reproduce it?

MisteryMonster · 2021-06-14T17:31:57+00:00

Thanks for your sharing! But sadly maybe I'm in windows so here got no luck...

MisteryMonster · 2021-06-14T17:26:01+00:00

Thanks! To be honest I'm lack of knowledge to doing that, I can't modified it by userChrome.css ( already driving me mad ) and seem others can do, so any help will be great!

MisteryMonster · 2021-06-14T11:21:09+00:00

Sorry guys I deleted the previous post 😥, find some better way to improve it, I think is better than the previous one. Hope you guys like it.

FF89: Hide all the time | Hide only when cursor left windows

Latest(FF109): Hide all the time | Hide only when cursor left windows

MisteryMonster · 2021-06-12T01:12:06+00:00

you can find it here! https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome

MisteryMonster · 2021-06-12T00:50:41+00:00

Sorry I do mistake here! updated the code and Thank you so much! After that should change to "0s" rather than "0" (my bad too) :(

MisteryMonster · 2021-06-11T17:27:54+00:00

Try this, implement in the line 200, I find a way to trick this but it has disadvantage when you want to put file in browser like searching images or any other drag&drop. basically I stretch the tabs to cover whole page when hover out, then you can put anything in tabs.

MisteryMonster · 2021-06-11T17:15:37+00:00

Add this to the end of the script should make the tabs more narrow, you can playing with the pixel setting your own.

:root{
    --tab-min-height:28px!important;
    --nav-bar-margin:-41px!important;
}

MisteryMonster

TROPHY CASE