We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Mozilla サポートの検索

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

詳しく学ぶ

このスレッドはアーカイブに保管されました。 必要であれば新たに質問してください。

move tabs to the bottom of the window

  • 14 件の返信
  • 1 人がこの問題に困っています
  • 1 回表示
  • 最後の返信者: cor-el

more options

Does anyone know any userChrome.css recipes that will move the tab bar to the bottom of the window and not put a blank bar at the bottom of the screen is full screen mode like then watching youtube etc. I'm running Linux

I currently use:

/* Move the tab toolbar below the content. */

  1. TabsToolbar {
  position: fixed;
  bottom: -0em;
  width: 100%;

} /* Move the content deck bottom up by the tab height. */

  1. content-deck {
       /* margin-bottom: var(--tab-min-height) !important; */
   margin-bottom: 33px !important;

}

Does anyone know any userChrome.css recipes that will move the tab bar to the bottom of the window and not put a blank bar at the bottom of the screen is full screen mode like then watching youtube etc. I'm running Linux I currently use: /* Move the tab toolbar below the content. */ #TabsToolbar { position: fixed; bottom: -0em; width: 100%; } /* Move the content deck bottom up by the tab height. */ #content-deck { /* margin-bottom: var(--tab-min-height) !important; */ margin-bottom: 33px !important; }

選ばれた解決策

Ok, So I found something that works in full screen.

#TabsToolbar {
  position: fixed;
  bottom: -0.5em;
  width: 100%;
  }
  #tabbrowser-tabs { width: 96%; }
  #content-deck { margin-bottom: 2.5em; }
#TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;}
この回答をすべて読む 👍 0

すべての返信 (14)

more options

Hi, you want it at the bottom : https://gist.github.com/Arty2/e6e61801531ec5ee1f9f

more options

Yup That puts tabs at the bottom, but also the address bar with it :(

more options

How about this one : https://www.reddit.com/r/firefox/comments/6x2tmz/can_i_have_tabs_on_bottom_and_bookmarks_above/

Might find something you like here. https://www.userchrome.org/what-is-userchrome-css.html Person will be on later so message back if top URL does not work for you.

more options

Both of those move tabs to near the top of the page. Not under it.

more options
more options

Yes I also found this post, the code at the bottom of the page does work, it's what I'm using, but it leaves a bar at the bottom of the screen if you watch youtube or any other full screen site in full screen. If you look at my original question I already posted that code.

more options

0ryn said

If you look at my original question I already posted that code.

I couldn't manage to memorize your code and compare it to the one posted on Reddit - sorry .....

more options

That's ok :) I was just looking for a better solution. Thanks for trying :)

more options

選ばれた解決策

Ok, So I found something that works in full screen.

#TabsToolbar {
  position: fixed;
  bottom: -0.5em;
  width: 100%;
  }
  #tabbrowser-tabs { width: 96%; }
  #content-deck { margin-bottom: 2.5em; }
#TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;}

この投稿は cor-el により に変更されました

more options

Well, that's great - well done  !

Would you please mark your (last) post as Chosen Solution  ?

more options

See also:

  • [/questions/1196861] Firefox 57 tabs on bottom , there are solution, don't work correctly with private browsing. Tabs are moved above content-deck. Is there way to correct it?
more options

this works!! (firefox 64):

#main-window:not([inFullscreen]) #content-deck {margin-bottom: 32px !important;}
#main-window[inFullscreen] #content-deck {margin-bottom: 0px !important;}

#TabsToolbar
{
   position: fixed !important;
   bottom: 1px !important;
   width: 100% !important;
  
   background-color:  rgb(212, 208, 200) !important;
}
#tabbrowser-tabs {width: 96% !important;}
#TabsToolbar[inFullscreen]
{

この投稿は cor-el により に変更されました

more options

strange, i cut and pasted userchrome, but this page replaced "#" with the numbers 1. 2. 3. etc

more options

If you start a line with a hash (#) then you start an ordered list (OL tag).


Did you test the code by opening a lot of tabs to make scroll buttons appear?

Note that it is best to only use the in normal mode and disable the code for Full Screen mode (pseudo selector: :not([inFullscreen]))