X
Nhấn vào đây để đến phiên bản di động của trang web.

Diễn đàn trợ giúp

move tabs to the bottom of the window

Được đăng

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

Giải pháp được chọn

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%;}
Đọc câu trả lời này trong ngữ cảnh 0

Chi tiết hệ thống bổ sung

Ứng dụng

  • Chuỗi đại diện người dùng: Mozilla/5.0 (X11; Linux x86_64; rv:61.0) Gecko/20100101 Firefox/61.0

Thông tin chi tiết

Shadow110 1072 giải pháp 14836 câu trả lời
Được đăng

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

Hi, you want it at the bottom : https://gist.github.com/Arty2/e6e61801531ec5ee1f9f
Được đăng

Người tạo câu hỏi

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

Yup That puts tabs at the bottom, but also the address bar with it :(
Shadow110 1072 giải pháp 14836 câu trả lời
Được đăng

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.

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.
Được đăng

Người tạo câu hỏi

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

Both of those move tabs to near the top of the page. Not under it.
McCoy
  • Top 10 Contributor
534 giải pháp 5035 câu trả lời
Được đăng
How about this solution here (you'll have to scroll down) : https://www.reddit.com/r/FirefoxCSS/comments/8i7y2l/how_can_i_get_the_tab_bar_at_the_bottom_of_the/
Được đăng

Người tạo câu hỏi

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.

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.
McCoy
  • Top 10 Contributor
534 giải pháp 5035 câu trả lời
Được đăng

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

''0ryn [[#answer-1143181|said]]'' <blockquote> If you look at my original question I already posted that code. </blockquote> I couldn't manage to memorize your code and compare it to the one posted on Reddit - sorry .....
Được đăng

Người tạo câu hỏi

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

That's ok :) I was just looking for a better solution. Thanks for trying :)
Được đăng

Giải pháp được chọn

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

Được chỉnh sửa bởi cor-el vào

McCoy
  • Top 10 Contributor
534 giải pháp 5035 câu trả lời
Được đăng

Câu trả lời hữu ích

Well, that's great - well done  !

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

Well, that's great - well done ! Would you please mark your (last) post as Chosen Solution ?
cor-el
  • Top 10 Contributor
  • Moderator
17479 giải pháp 157964 câu trả lời
Được đăng

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?
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?
ff2by222 0 giải pháp 7 câu trả lời
Được đăng

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]
{
this works!! (firefox 64): <pre><nowiki>#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] {</nowiki></pre>

Được chỉnh sửa bởi cor-el vào

ff2by222 0 giải pháp 7 câu trả lời
Được đăng

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

strange, i cut and pasted userchrome, but this page replaced "#" with the numbers 1. 2. 3. etc
cor-el
  • Top 10 Contributor
  • Moderator
17479 giải pháp 157964 câu trả lời
Được đăng

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]))

If you start a line with a hash (#) then you start an ordered list (OL tag). *https://support.mozilla.org/en-US/kb/markup-chart ----- 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]))