Trang web này sẽ có chức năng hạn chế trong khi chúng tôi trải qua bảo trì để cải thiện trải nghiệm của bạn. Nếu một bài viết không giải quyết được vấn đề của bạn và bạn muốn đặt câu hỏi, chúng tôi có cộng đồng hỗ trợ của chúng tôi đang chờ để giúp bạn tại @FirefoxSupport trên Twitter và /r/firefox trên Reddit.

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

Chủ đề này đã được lưu trữ. Vui lòng hỏi một câu hỏi mới nếu bạn cần giúp đỡ.

custom css not working with 71.0b3 (32-Bit)

mein feuerfuchs
mein feuerfuchs
more options

since the update to 71.0b3 (32-Bit) my custom css for multiple tab rows is not working anymore: It is showing only one row anymore; The userChrome.css looks loke this:

  1. tabbrowser-tabs .tabbrowser-arrowscrollbox,
  2. tabbrowser-tabs .arrowscrollbox-scrollbox { 
   display: block;

}

.scrollbutton-up, .arrowscrollbox-overflow-start-indicator, .scrollbutton-down, .arrowscrollbox-overflow-end-indicator { 

   display: none !important;

}

  1. tabbrowser-tabs .arrowscrollbox-scrollbox .scrollbox-innerbox { 
   display: flex;
   flex-wrap: wrap;
   /*
   display: block;
   */
   overflow-y: auto !important;
   min-height: var(--tab-min-height); /* default */
   max-height: calc(5*var(--tab-min-height)) !important;

}

  1. tabbrowser-tabs .tabbrowser-tab:not([pinned]) { 
   flex-grow: 1;
   flex-wrap:wrap;
   min-width: 130px;

max-width: 330px; 

   vertical-align: bottom !important;

}

  1. tabbrowser-tabs .tabbrowser-tab,
  2. tabbrowser-tabs .tabbrowser-tab .tab-stack .tab-background { 
   height: var(--tab-min-height);

}

  1. tabbrowser-tabs .tabbrowser-tab .tab-stack { 
   width: 100%;

}

  1. titlebar-buttonbox { 
   display: block !important;
   vertical-align: top !important;

}

  1. main-window[tabsintitlebar] #tabbrowser-tabs { 
   -moz-window-dragging: no-drag;

}

since the update to 71.0b3 (32-Bit) my custom css for multiple tab rows is not working anymore: It is showing only one row anymore; The userChrome.css looks loke this: #tabbrowser-tabs .tabbrowser-arrowscrollbox, #tabbrowser-tabs .arrowscrollbox-scrollbox { display: block; } .scrollbutton-up, .arrowscrollbox-overflow-start-indicator, .scrollbutton-down, .arrowscrollbox-overflow-end-indicator { display: none !important; } #tabbrowser-tabs .arrowscrollbox-scrollbox .scrollbox-innerbox { display: flex; flex-wrap: wrap; /* display: block; */ overflow-y: auto !important; min-height: var(--tab-min-height); /* default */ max-height: calc(5*var(--tab-min-height)) !important; } #tabbrowser-tabs .tabbrowser-tab:not([pinned]) { flex-grow: 1; flex-wrap:wrap; min-width: 130px; max-width: 330px; vertical-align: bottom !important; } #tabbrowser-tabs .tabbrowser-tab, #tabbrowser-tabs .tabbrowser-tab .tab-stack .tab-background { height: var(--tab-min-height); } #tabbrowser-tabs .tabbrowser-tab .tab-stack { width: 100%; } #titlebar-buttonbox { display: block !important; vertical-align: top !important; } #main-window[tabsintitlebar] #tabbrowser-tabs { -moz-window-dragging: no-drag; }

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

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Hi mein feuerfuchs, you might check on the following forum where more pre-release users hang out and share fixes for userChrome.css rules:

https://www.reddit.com/r/FirefoxCSS/

If you get a solution there first, could you report back with a link to it? That would be great. Thanks.