Avatar for Username

Tìm kiếm hỗ trợ

Tránh các lừa đảo về hỗ trợ. Chúng tôi sẽ không bao giờ yêu cầu bạn gọi hoặc nhắn tin đến số điện thoại hoặc chia sẻ thông tin cá nhân. Vui lòng báo cáo hoạt động đáng ngờ bằng cách sử dụng tùy chọn "Báo cáo lạm dụng".

Tìm hiểu thêm

Tabs on bottom

  • 1 trả lời
  • 5 gặp vấn đề này
  • Trả lời mới nhất được viết bởi scottish2

scottish2
scottish2
more options

Well looks like they did it to us again. My tabs are back on top again and need to put them below where I am a lot of other users like our tabs!

Update: Codes working fine now for 133.0

Well looks like they did it to us again. My tabs are back on top again and need to put them below where I am a lot of other users like our tabs! Update: Codes working fine now for 133.0

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

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

/*Additions by Codehaven - Mike to change specific sizes*/

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_v2.css made available under Mozilla Public License v. 2.0 See the above repository for updates as well as full license text. */

/* This reorders toolbar to place tabs below other toolbars. Requires Firefox 133+ */

@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"){ 

 #nav-bar > .titlebar-buttonbox-container{
   order: -1 !important;
   > .titlebar-buttonbox{
     flex-direction: row-reverse;
   }
 }

} @media not (-moz-bool-pref: "sidebar.verticalTabs"){ 

 .global-notificationbox,
 #tab-notification-deck,
 #TabsToolbar{
   order: 1;
 }
 #TabsToolbar > :is(.titlebar-spacer,.titlebar-buttonbox-container){
   display: none;
 }
 :root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
   display: flex !important;
 }
 :root[tabsintitlebar] #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{
   > .titlebar-buttonbox-container{
     display: flex !important;
   }
   :root[sizemode="normal"] & {
     > .titlebar-spacer{
       display: flex !important;
     }
   }
   :root[sizemode="maximized"] & {
     > .titlebar-spacer[type="post-tabs"]{
       display: flex !important;
     }
     @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
       (-moz-gtk-csd-reversed-placement),
       (-moz-platform: macos){
       > .titlebar-spacer[type="post-tabs"]{
         display: none !important;
       }
       > .titlebar-spacer[type="pre-tabs"]{
         display: flex !important;
       }
     }
   }
 }

}

/* Adjust the height of the Tabs Toolbar */

  1. TabsToolbar { 
   height: 32px !important; /* Neater toolbar height */
   min-height: 32px !important;
   max-height: 32px !important;
   margin: 10px 0 -5px 0 !important;
   padding: 0 !important;
   font-size: 14px !important;

}

/* Adjust tab height to match the toolbar */

  1. TabsToolbar .tabbrowser-tab { 
   height: 36px !important; /* Matches toolbar for a balanced look */
   padding: 0 4px !important; /* Adds slight spacing between tabs */

}

/* Center align tab content */

  1. TabsToolbar .tab-label { 
   line-height: 34px !important; /* Align text with tab height */
   margin: 0 !important;

}

/* Smaller close button for a cleaner appearance */

  1. TabsToolbar .tab-close-button { 
   height: 14px !important; /* Smaller close button */
   width: 14px !important; /* Proportional width */
   margin: 0 2px !important; /* Adjust spacing around the button */
   padding: 0 !important;

}

/* Prevent overflow and ensure neat alignment */ .tabbrowser-tab .tab-stack { 

   margin: 0 !important;
   padding: 0 !important;

}

/* Adjust tab icon size */

  1. TabsToolbar .tab-icon-image { 
   height: 18px !important; /* Matches the smaller close button */
   width: 18px !important;

}

Đọc câu trả lời này trong ngữ cảnh 👍 0

Tất cả các câu trả lời (2)

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

/*Additions by Codehaven - Mike to change specific sizes*/

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_v2.css made available under Mozilla Public License v. 2.0 See the above repository for updates as well as full license text. */

/* This reorders toolbar to place tabs below other toolbars. Requires Firefox 133+ */

@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"){ 

 #nav-bar > .titlebar-buttonbox-container{
   order: -1 !important;
   > .titlebar-buttonbox{
     flex-direction: row-reverse;
   }
 }

} @media not (-moz-bool-pref: "sidebar.verticalTabs"){ 

 .global-notificationbox,
 #tab-notification-deck,
 #TabsToolbar{
   order: 1;
 }
 #TabsToolbar > :is(.titlebar-spacer,.titlebar-buttonbox-container){
   display: none;
 }
 :root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
   display: flex !important;
 }
 :root[tabsintitlebar] #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{
   > .titlebar-buttonbox-container{
     display: flex !important;
   }
   :root[sizemode="normal"] & {
     > .titlebar-spacer{
       display: flex !important;
     }
   }
   :root[sizemode="maximized"] & {
     > .titlebar-spacer[type="post-tabs"]{
       display: flex !important;
     }
     @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
       (-moz-gtk-csd-reversed-placement),
       (-moz-platform: macos){
       > .titlebar-spacer[type="post-tabs"]{
         display: none !important;
       }
       > .titlebar-spacer[type="pre-tabs"]{
         display: flex !important;
       }
     }
   }
 }

}

/* Adjust the height of the Tabs Toolbar */

  1. TabsToolbar { 
   height: 32px !important; /* Neater toolbar height */
   min-height: 32px !important;
   max-height: 32px !important;
   margin: 10px 0 -5px 0 !important;
   padding: 0 !important;
   font-size: 14px !important;

}

/* Adjust tab height to match the toolbar */

  1. TabsToolbar .tabbrowser-tab { 
   height: 36px !important; /* Matches toolbar for a balanced look */
   padding: 0 4px !important; /* Adds slight spacing between tabs */

}

/* Center align tab content */

  1. TabsToolbar .tab-label { 
   line-height: 34px !important; /* Align text with tab height */
   margin: 0 !important;

}

/* Smaller close button for a cleaner appearance */

  1. TabsToolbar .tab-close-button { 
   height: 14px !important; /* Smaller close button */
   width: 14px !important; /* Proportional width */
   margin: 0 2px !important; /* Adjust spacing around the button */
   padding: 0 !important;

}

/* Prevent overflow and ensure neat alignment */ .tabbrowser-tab .tab-stack { 

   margin: 0 !important;
   padding: 0 !important;

}

/* Adjust tab icon size */

  1. TabsToolbar .tab-icon-image { 
   height: 18px !important; /* Matches the smaller close button */
   width: 18px !important;

}

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

Hữu ích?

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

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

/*Additions by Codehaven - Mike to change specific sizes*/

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_v2.css made available under Mozilla Public License v. 2.0 See the above repository for updates as well as full license text. */

/* This reorders toolbar to place tabs below other toolbars. Requires Firefox 133+ */

@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"){ 

 #nav-bar > .titlebar-buttonbox-container{
   order: -1 !important;
   > .titlebar-buttonbox{
     flex-direction: row-reverse;
   }
 }

} @media not (-moz-bool-pref: "sidebar.verticalTabs"){ 

 .global-notificationbox,
 #tab-notification-deck,
 #TabsToolbar{
   order: 1;
 }
 #TabsToolbar > :is(.titlebar-spacer,.titlebar-buttonbox-container){
   display: none;
 }
 :root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
   display: flex !important;
 }
 :root[tabsintitlebar] #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{
   > .titlebar-buttonbox-container{
     display: flex !important;
   }
   :root[sizemode="normal"] & {
     > .titlebar-spacer{
       display: flex !important;
     }
   }
   :root[sizemode="maximized"] & {
     > .titlebar-spacer[type="post-tabs"]{
       display: flex !important;
     }
     @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
       (-moz-gtk-csd-reversed-placement),
       (-moz-platform: macos){
       > .titlebar-spacer[type="post-tabs"]{
         display: none !important;
       }
       > .titlebar-spacer[type="pre-tabs"]{
         display: flex !important;
       }
     }
   }
 }

}

/* Adjust the height of the Tabs Toolbar */

  1. TabsToolbar { 
   height: 32px !important; /* Neater toolbar height */
   min-height: 32px !important;
   max-height: 32px !important;
   margin: 10px 0 -5px 0 !important;
   padding: 0 !important;
   font-size: 14px !important;

}

/* Adjust tab height to match the toolbar */

  1. TabsToolbar .tabbrowser-tab { 
   height: 36px !important; /* Matches toolbar for a balanced look */
   padding: 0 4px !important; /* Adds slight spacing between tabs */

}

/* Center align tab content */

  1. TabsToolbar .tab-label { 
   line-height: 34px !important; /* Align text with tab height */
   margin: 0 !important;

}

/* Smaller close button for a cleaner appearance */

  1. TabsToolbar .tab-close-button { 
   height: 14px !important; /* Smaller close button */
   width: 14px !important; /* Proportional width */
   margin: 0 2px !important; /* Adjust spacing around the button */
   padding: 0 !important;

}

/* Prevent overflow and ensure neat alignment */ .tabbrowser-tab .tab-stack { 

   margin: 0 !important;
   padding: 0 !important;

}

/* Adjust tab icon size */

  1. TabsToolbar .tab-icon-image { 
   height: 18px !important; /* Matches the smaller close button */
   width: 18px !important;

}

Hữu ích?

Đặt một câu hỏi

Bạn phải đăng nhập vào tài khoản của bạn để trả lời bài viết. Vui lòng bắt đầu một câu hỏi mới, nếu bạn chưa có tài khoản.