sssccc
小狐狸
小狐狸
  • UID51712
  • 注册日期2015-11-11
  • 最后登录2019-11-08
  • 发帖数8
  • 经验10枚
  • 威望0点
  • 贡献值8点
  • 好评度1点
  • 社区居民
  • 忠实会员
阅读:661回复:9

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

楼主#
更多 发布于: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;
}

最新喜欢:

点球射飞点球射飞
skytalk
非常火狐
非常火狐
  • UID32994
  • 注册日期2010-06-06
  • 最后登录2019-11-12
  • 发帖数620
  • 经验917枚
  • 威望3点
  • 贡献值1060点
  • 好评度143点
  • 社区居民
  • 忠实会员
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 > 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

sssccc
小狐狸
小狐狸
  • UID51712
  • 注册日期2015-11-11
  • 最后登录2019-11-08
  • 发帖数8
  • 经验10枚
  • 威望0点
  • 贡献值8点
  • 好评度1点
  • 社区居民
  • 忠实会员
2楼#
发布于:2019-08-26 07:30
skytalk:别停留了, 快去升级吧, 作者都已经把css升级至2.6.4了
/* Firefox Quantum userChrome.css tweaks **********************************************...
回到原帖
感谢,解决了。
点球射飞
火狐狸
火狐狸
  • UID24757
  • 注册日期2008-06-18
  • 最后登录2019-11-15
  • 发帖数160
  • 经验33枚
  • 威望0点
  • 贡献值12点
  • 好评度0点
  • 社区居民
  • 忠实会员
3楼#
发布于:2019-09-27 19:35
skytalk:别停留了, 快去升级吧, 作者都已经把css升级至2.6.4了
/* Firefox Quantum userChrome.css tweaks **********************************************...
回到原帖
谢谢,请问不想要标签页上的X,应该去掉哪一段代码啊
我的Firefox
sssccc
小狐狸
小狐狸
  • UID51712
  • 注册日期2015-11-11
  • 最后登录2019-11-08
  • 发帖数8
  • 经验10枚
  • 威望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;}

试看看
点球射飞
火狐狸
火狐狸
  • UID24757
  • 注册日期2008-06-18
  • 最后登录2019-11-15
  • 发帖数160
  • 经验33枚
  • 威望0点
  • 贡献值12点
  • 好评度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
sssccc
小狐狸
小狐狸
  • UID51712
  • 注册日期2015-11-11
  • 最后登录2019-11-08
  • 发帖数8
  • 经验10枚
  • 威望0点
  • 贡献值8点
  • 好评度1点
  • 社区居民
  • 忠实会员
6楼#
发布于:2019-10-06 17:27
点球射飞:谢谢回复,但是没有效果啊,我用下面这个也没有效果,但是如果不用这个多行标签页的话,下面这段代码还是有效果的
/* 移除标签的关闭按钮 */
.tabs-closebutton-box, .tab-close-button {display:...
回到原帖
你是用几版的? 上面有效的似乎是66版以上专用,不向下相容的。
点球射飞
火狐狸
火狐狸
  • UID24757
  • 注册日期2008-06-18
  • 最后登录2019-11-15
  • 发帖数160
  • 经验33枚
  • 威望0点
  • 贡献值12点
  • 好评度0点
  • 社区居民
  • 忠实会员
7楼#
发布于:2019-10-06 20:09
sssccc:你是用几版的? 上面有效的似乎是66版以上专用,不向下相容的。回到原帖
用的69.02啊,用了这个帖子的多行标签页脚本后,那个移除标签页关闭按钮的脚本没有作用了,如果不用多行标签页脚本的话,就有效
我的Firefox
skytalk
非常火狐
非常火狐
  • UID32994
  • 注册日期2010-06-06
  • 最后登录2019-11-12
  • 发帖数620
  • 经验917枚
  • 威望3点
  • 贡献值1060点
  • 好评度143点
  • 社区居民
  • 忠实会员
8楼#
发布于:2019-10-06 22:18
点球射飞:谢谢,请问不想要标签页上的X,应该去掉哪一段代码啊回到原帖
117行 替换visible为hidden, 即可, 直接在原基础上替换 不要再添加任何代码
点球射飞
火狐狸
火狐狸
  • UID24757
  • 注册日期2008-06-18
  • 最后登录2019-11-15
  • 发帖数160
  • 经验33枚
  • 威望0点
  • 贡献值12点
  • 好评度0点
  • 社区居民
  • 忠实会员
9楼#
发布于:2019-10-07 13:00
skytalk:117行 替换visible为hidden, 即可, 直接在原基础上替换 不要再添加任何代码回到原帖
有效,非常感谢!!
我的Firefox
游客

返回顶部