Avatar for Username

Mozilla 도움말 검색

고객 지원 사기를 피하세요. 저희는 여러분께 절대로 전화를 걸거나 문자를 보내거나 개인 정보를 공유하도록 요청하지 않습니다. "악용 사례 신고"옵션을 사용하여 의심스러운 활동을 신고해 주세요.

자세히 살펴보기

Tabs on bottom

  • 1 답장
  • 5 이 문제를 만남
  • 최종 답변자: 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

글쓴이 scottish2 수정일시

선택된 해결법

/*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;

}

문맥에 따라 이 답변을 읽어주세요 👍 0

모든 댓글 (2)

scottish2
scottish2 질문자
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;

}

글쓴이 scottish2 수정일시

도움이 되셨습니까?

scottish2
scottish2 질문자
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;

}

도움이 되셨습니까?

질문하기

글에 답글을 달기 위해서는 계정으로 로그인해야만 합니다. 계정이 아직 없다면 새로운 질문을 올려주세요.