多行显示标签页扩展，失效 (以解决)

卡在65版很久了，一直不敢往上升，主要就是这个失效，过了这么久是不是有解决或替代办法了？


 ----多行显示标签页扩展----
*AGENT_SHEET*/

/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
/* by Aris (aris-addons@gmx.net)*********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


/****************************************************************************************/
/* multirow / multiple tab lines - modified for CustomCSSforFx **************************/
/* all credits go to the original author: https://00.bulog.jp/archives/1476 *************/
/****************************************************************************************/

/* titlebar buttons */
#titlebar-buttonbox {
  vertical-align: top !important;
  display: block !important;
}

.tabbrowser-arrowscrollbox scrollbox {
  overflow: visible !important;
}

.tabbrowser-arrowscrollbox scrollbox > box {
  display: block !important;
}

/* titlebar button height */
toolbarbutton.titlebar-button {
  min-height: 31px !important;
}

/* tabs end position */
.tabbrowser-tabs {
  -moz-margin-end: -41px !important;
}

/* tab size */
.tabbrowser-tab[pinned] {
  min-height: 26px !important;
  max-height: 26px !important;
}

.tabbrowser-tab:not([pinned]) {
  min-height: 26px !important;
  max-height: 26px !important;
}

.tabbrowser-tabs .tabbrowser-tab {
  vertical-align: top !important;
  -moz-box-sizing: border-box !important;
  min-height: 26px !important;
  max-height: 26px !important;
}

/* 'new tab' tab size */
.tabs-newtab-button {
  vertical-align: bottom !important;
  height: 27px !important;
}

别停留了, 快去升级吧, 作者都已经把css升级至2.6.4了

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
  
  
/****************************************************************************************/
/* multirow / multiple tab lines - modified for CustomCSSforFx **************************/
/* all credits go to the original authors: **********************************************/
/* https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/ ***********/
/* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css */
/****************************************************************************************/
  
  
/* NOTE  ********************************************************************************/
/* Variables are set inside '.\config\' folders CSS files, if complete package is used! */
  
:root{
  --tabs-lines: 4;
  --tab_min_width_mlt: 80px;
  --tab_max_width_mlt: 200px;
  --tab-min-height_mlt: var(--tab-min-height,32px); /* set own value here, if used without configuration files */
}
  
#tabbrowser-tabs{
  min-height: unset !important;
  padding-inline-start: 0px !important
}
  
/* Test for Firefox > 66 */
@supports (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));
  }
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
    margin-bottom:-1px !important;
  }
}
  
/* Test for Firefox < 66 */
@supports not (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox{
    min-height: unset !important;
  }
  #tabbrowser-tabs .scrollbox-innerbox{
    display: flex;
    flex-wrap: wrap;
  }
  #tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
  }
}
  
.tabbrowser-tab{
  height: var(--tab-min-height_mlt);
}
  
#tabbrowser-tabs .tabbrowser-tab[pinned]{
  position: static !important;
  margin-inline-start: 0px !important;
}
  
.tabbrowser-tab[fadein]:not([pinned]) {
  flex-grow: 1;
  min-width: var(--tab_min_width_mlt) !important;
  max-width: var(--tab_max_width_mlt) !important;
}
  
.tabbrowser-tab > stack{
  width: 100%;
  height: 100%;
}
  
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-tabs spacer,
.tabbrowser-tab::after{
  display: none !important;
}
  
#tabbrowser-tabs[overflow="true"] > .tabbrowser-arrowscrollbox > .tabs-newtab-button,
#tabbrowser-tabs:not([hasadjacentnewtabbutton]) > .tabbrowser-arrowscrollbox > .tabs-newtab-button,
#TabsToolbar[customizing="true"] #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .tabs-newtab-button {
  visibility: hidden !important;
}
  
/* hide private window indicator, window controls and titlebar placeholders */
#main-window[tabsintitlebar] #TabsToolbar .private-browsing-indicator,
#main-window[tabsintitlebar] #TabsToolbar #window-controls,
#main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="pre-tabs"],
#main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="post-tabs"] {
  display: none !important;
}
#TabsToolbar .titlebar-placeholder[type="pre-tabs"],
#TabsToolbar .titlebar-placeholder[type="post-tabs"] {
  opacity: 0 !important;
}
  
/* hide tab borders set by Firefox 58+ to solve 'blank space below tabs' issue */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
  border-left: unset !important;
  border-image: unset !important;
  border-image-slice: unset !important;
  border: 0 !important;
}
  
/* Fx66+ tab close fix */
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
  visibility: visible !important;
  display: block !important;
}
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-close-button {
  visibility: hidden !important;
  display: block !important;
  -moz-margin-start: -18px !important;
}
  
/* fix scrollbar */
#main-window[tabsintitlebar] #tabbrowser-tabs {
  -moz-window-dragging: no-drag !important;
}
  
/*lw theme fix */
#main-window[style*='--lwt-header-image']:-moz-lwtheme {
  background: var(--lwt-header-image) !important;
  background-repeat: repeat-y !important;
}

图片：screenshot_347_10-1706.png

skytalk：别停留了, 快去升级吧, 作者都已经把css升级至2.6.4了
/* Firefox Quantum userChrome.css tweaks **********************************************...回到原帖

感谢，解决了。

skytalk：别停留了, 快去升级吧, 作者都已经把css升级至2.6.4了
/* Firefox Quantum userChrome.css tweaks **********************************************...回到原帖

谢谢，请问不想要标签页上的X，应该去掉哪一段代码啊

/取消关闭分页的按钮/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
visibility: hidden !important;
display: block !important;
opacity: 0 !important;
-moz-margin-end: -16px !important;}
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-close-button {
visibility: hidden !important;
display: block !important;
opacity: 0 !important;
-moz-margin-start: -18px !important;}

试看看

sssccc：/取消关闭分页的按钮/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not() .tab-close-button {
visibility: hidden !important;
displ...回到原帖

谢谢回复，但是没有效果啊，我用下面这个也没有效果，但是如果不用这个多行标签页的话，下面这段代码还是有效果的
/* 移除标签的关闭按钮 */
.tabs-closebutton-box, .tab-close-button {display: none !important;}

点球射飞：谢谢回复，但是没有效果啊，我用下面这个也没有效果，但是如果不用这个多行标签页的话，下面这段代码还是有效果的
/* 移除标签的关闭按钮 */
.tabs-closebutton-box, .tab-close-button {display:...回到原帖

你是用几版的? 上面有效的似乎是66版以上专用，不向下相容的。

sssccc：你是用几版的? 上面有效的似乎是66版以上专用，不向下相容的。回到原帖

用的69.02啊，用了这个帖子的多行标签页脚本后，那个移除标签页关闭按钮的脚本没有作用了，如果不用多行标签页脚本的话，就有效

点球射飞：谢谢，请问不想要标签页上的X，应该去掉哪一段代码啊回到原帖

117行 替换visible为hidden, 即可, 直接在原基础上替换 不要再添加任何代码

skytalk：117行 替换visible为hidden, 即可, 直接在原基础上替换 不要再添加任何代码回到原帖

有效，非常感谢！！

更新71后 失效了，请问能修复下吗 谢谢

https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_multiple_lines_fx71.css

skytalk：https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_multiple_lines_fx71.css回到原帖

谢谢了！

76行的 height: 100%; 这段在71+似乎没效果了..
他是可以调整页签的高矮度

升级到81.0，失效了。