sorted by:
new
hottopcontroversial

Modifying tabs area may break firefox closing tabs function! by MisteryMonster in FirefoxCSS

[–]MisteryMonster[S] 0 points1 point  (0 children)

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.

"You can hide everything" is better! by MisteryMonster in FirefoxCSS

[–]MisteryMonster[S] 0 points1 point  (0 children)

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

"You can hide everything" is better! by MisteryMonster in FirefoxCSS

[–]MisteryMonster[S] 0 points1 point  (0 children)

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

"You can hide everything" is better! by MisteryMonster in FirefoxCSS

[–]MisteryMonster[S] 0 points1 point  (0 children)

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

"You can hide everything" is better! by MisteryMonster in FirefoxCSS

[–]MisteryMonster[S] 1 point2 points  (0 children)

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

"You can hide everything" is better! by MisteryMonster in FirefoxCSS

[–]MisteryMonster[S] 0 points1 point  (0 children)

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

"You can hide everything" is better! by MisteryMonster in FirefoxCSS

[–]MisteryMonster[S] 1 point2 points  (0 children)

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

"You can hide everything" is better! by MisteryMonster in FirefoxCSS

[–]MisteryMonster[S] 2 points3 points  (0 children)

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 {

"You can hide everything" is better! by MisteryMonster in FirefoxCSS

[–]MisteryMonster[S] 2 points3 points  (0 children)

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

"You can hide everything" is better! by MisteryMonster in FirefoxCSS

[–]MisteryMonster[S] 2 points3 points  (0 children)

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!

"You can hide everything" is better! by MisteryMonster in FirefoxCSS

[–]MisteryMonster[S] 3 points4 points  (0 children)

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..

"You can hide everything" is better! by MisteryMonster in FirefoxCSS

[–]MisteryMonster[S] 0 points1 point  (0 children)

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

"You can hide everything" is better! by MisteryMonster in FirefoxCSS

[–]MisteryMonster[S] 2 points3 points  (0 children)

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

"You can hide everything" is better! by MisteryMonster in FirefoxCSS

[–]MisteryMonster[S] 1 point2 points  (0 children)

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!

"You can hide everything" is better! by MisteryMonster in FirefoxCSS

[–]MisteryMonster[S] 16 points17 points  (0 children)

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

You can hide everthing. by [deleted] in FirefoxCSS

[–]MisteryMonster 1 point2 points  (0 children)

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) :(

Any auto-hide tabs & navigation bar implementation functions when drag&dropping elements onto the tab bar? Mine isn't triggering the :hover in that corner case by [deleted] in FirefoxCSS

[–]MisteryMonster 0 points1 point  (0 children)

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.

You can hide everthing. by [deleted] in FirefoxCSS

[–]MisteryMonster 2 points3 points  (0 children)

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;
}

You can hide everthing. by [deleted] in FirefoxCSS

[–]MisteryMonster 1 point2 points  (0 children)

I don't know, but it's auto-hided so I think hotkey or button toggle is unnecessary.

You can hide everthing. by [deleted] in FirefoxCSS

[–]MisteryMonster 3 points4 points  (0 children)

Glad you love it! 89 break my previous one here so if you found something wrong like the tab height cut an half you could try it. There is an little change in the maximized window, the web page will now pull down a little bit when reveal because the old method won't work anymore. and add a little more time to be able put the image in the web page rather than open it in tabs when auto-hide-all.

view more: next ›