sssccc

小狐狸

UID51712
注册日期2015-11-11
最后登录2022-10-02
发帖数10
经验12枚
威望0点
贡献值8点
好评度1点

加关注写私信

阅读：5022回复：16

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

楼主^#

更多发布于：2019-08-22 06:57

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

喜欢1

最新喜欢：

点球射飞

skytalk

热心会员

UID32994
注册日期2010-06-06
最后登录2023-07-07
发帖数652
经验1061枚
威望3点
贡献值1292点
好评度154点

加关注写私信

1楼^#

发布于：2019-08-25 22:20

别停留了, 快去升级吧, 作者都已经把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 &gt; 66 */
@supports (inset-block:auto){
  #tabbrowser-tabs &gt; .tabbrowser-arrowscrollbox &gt; .arrowscrollbox-scrollbox{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));
  }
  #tabbrowser-tabs &gt; .tabbrowser-arrowscrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
    margin-bottom:-1px !important;
  }
}
  
/* Test for Firefox &lt; 66 */
@supports not (inset-block:auto){
  #tabbrowser-tabs &gt; .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 &gt; 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"] &gt; .tabbrowser-arrowscrollbox &gt; .tabs-newtab-button,
#tabbrowser-tabs:not([hasadjacentnewtabbutton]) &gt; .tabbrowser-arrowscrollbox &gt; .tabs-newtab-button,
#TabsToolbar[customizing="true"] #tabbrowser-tabs &gt; .tabbrowser-arrowscrollbox &gt; .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

回复(2) 喜欢

sssccc 小狐狸 UID51712 注册日期2015-11-11 最后登录2022-10-02 发帖数10 经验12枚威望0点贡献值8点好评度1点加关注写私信	2楼^# 发布于：2019-08-26 07:30 skytalk：别停留了, 快去升级吧, 作者都已经把css升级至2.6.4了 /* Firefox Quantum userChrome.css tweaks **********************************************...回到原帖感谢，解决了。
	回复(0) 喜欢(0)

点球射飞

火狐狸

UID24757
注册日期2008-06-18
最后登录2024-04-04
发帖数168
经验45枚
威望0点
贡献值24点
好评度0点

加关注写私信

3楼^#

发布于：2019-09-27 19:35

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

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

我的Firefox

回复(1) 喜欢

sssccc

小狐狸

UID51712
注册日期2015-11-11
最后登录2022-10-02
发帖数10
经验12枚
威望0点
贡献值8点
好评度1点

加关注写私信

4楼^#

发布于：2019-10-05 18:09

/取消关闭分页的按钮/
#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;}

试看看

回复(1) 喜欢

点球射飞

火狐狸

UID24757
注册日期2008-06-18
最后登录2024-04-04
发帖数168
经验45枚
威望0点
贡献值24点
好评度0点

加关注写私信

5楼^#

发布于：2019-10-05 18:55

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

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

我的Firefox

回复(1) 喜欢

sssccc 小狐狸 UID51712 注册日期2015-11-11 最后登录2022-10-02 发帖数10 经验12枚威望0点贡献值8点好评度1点加关注写私信	6楼^# 发布于：2019-10-06 17:27 点球射飞：谢谢回复，但是没有效果啊，我用下面这个也没有效果，但是如果不用这个多行标签页的话，下面这段代码还是有效果的 /* 移除标签的关闭按钮 */ .tabs-closebutton-box, .tab-close-button {display:...回到原帖你是用几版的? 上面有效的似乎是66版以上专用，不向下相容的。
	回复(1) 喜欢(0)

点球射飞

火狐狸

UID24757
注册日期2008-06-18
最后登录2024-04-04
发帖数168
经验45枚
威望0点
贡献值24点
好评度0点

加关注写私信

7楼^#

发布于：2019-10-06 20:09

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

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

我的Firefox

回复喜欢

skytalk 热心会员 UID32994 注册日期2010-06-06 最后登录2023-07-07 发帖数652 经验1061枚威望3点贡献值1292点好评度154点加关注写私信	8楼^# 发布于：2019-10-06 22:18 点球射飞：谢谢，请问不想要标签页上的X，应该去掉哪一段代码啊回到原帖 117行替换visible为hidden, 即可, 直接在原基础上替换不要再添加任何代码
	回复(1) 喜欢(0)

点球射飞

火狐狸

UID24757
注册日期2008-06-18
最后登录2024-04-04
发帖数168
经验45枚
威望0点
贡献值24点
好评度0点

加关注写私信

9楼^#

发布于：2019-10-07 13:00

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

有效，非常感谢！！

我的Firefox

回复喜欢

点球射飞

火狐狸

UID24757
注册日期2008-06-18
最后登录2024-04-04
发帖数168
经验45枚
威望0点
贡献值24点
好评度0点

加关注写私信

10楼^#

发布于：2019-12-09 10:15

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

我的Firefox

回复喜欢

skytalk 热心会员 UID32994 注册日期2010-06-06 最后登录2023-07-07 发帖数652 经验1061枚威望3点贡献值1292点好评度154点加关注写私信	11楼^# 发布于：2019-12-11 09:13 https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_multiple_lines_fx71.css
	回复(1) 喜欢(1)

点球射飞

火狐狸

UID24757
注册日期2008-06-18
最后登录2024-04-04
发帖数168
经验45枚
威望0点
贡献值24点
好评度0点

加关注写私信

12楼^#

发布于：2019-12-11 10:32

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

谢谢了！

我的Firefox

回复喜欢

sssccc 小狐狸 UID51712 注册日期2015-11-11 最后登录2022-10-02 发帖数10 经验12枚威望0点贡献值8点好评度1点加关注写私信	13楼^# 发布于：2019-12-11 18:11 76行的 height: 100%; 这段在71+似乎没效果了.. 他是可以调整页签的高矮度
	回复(0) 喜欢(0)

danielyin 小狐狸 UID29287 注册日期2009-06-22 最后登录2025-03-11 发帖数15 经验23枚威望0点贡献值8点好评度1点加关注写私信	14楼^# 发布于：2020-09-24 11:00 升级到81.0，失效了。
	回复(1) 喜欢(0)

您需要登录后才可以回帖，登录或者注册