fanmli
小狐狸
小狐狸
  • UID51688
  • 注册日期2015-11-08
  • 最后登录2019-10-20
  • 发帖数51
  • 经验65枚
  • 威望0点
  • 贡献值60点
  • 好评度8点
  • 社区居民
  • 忠实会员
阅读:785回复:4

火狐66b3版本书签收藏夹双列CSS失效了帮忙修改一下谢谢!

楼主#
更多 发布于:2019-01-30 18:56
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
 
@-moz-document url(chrome://browser/content/browser.xul) {
   
/*定义收藏项宽度一致*/
.bookmark-item[container="true"]:-moz-any([label="实用小书签"],[label=""],[label="乱七八糟"],[label="杂项"],[label="火狐谷歌浏览器"],[label="VPN--SSH--代理"],[label="网盘搜索云笔记"],[label="电子邮箱"],[label="下载"],[label="论坛"],[label="谷歌"],[label="外国著名网站"],[label="电脑控制手机"]) .menuitem-with-favicon{
max-width:320px !important;
min-width:180px !important;
}
 
.bookmark-item[container="true"]:-moz-any(
/*需要多列显示的书签文件夹名,多个用(,)分割,
格式如下所示。下面的如此类推。跟第一个相同。
在userchorme.css中,中文注意编码,
改为UTF8,stylish扩展可无视*/
 
[label="实用小书签"],
[label="杂项"],
[label="火狐谷歌浏览器"],
[label="下载"]
) >menupopup>hbox .scrollbox-innerbox{
width: 390px !important; /*双列显示380px ,三列显示数值改为570px(3x190)*/
display: table !important;
}
 
.bookmark-item[container="true"]:-moz-any(
[label="实用小书签"],
[label="杂项"],
[label="火狐谷歌浏览器"],
[label="下载"]
)  .bookmark-item {
min-width: 190px !important;
max-width: 190px !important;
margin-right:5px!important;
}
.bookmark-item[container="true"] .bookmark-item{
max-width: 220px !important;
}
.bookmark-item[container="true"]:-moz-any(
[label="实用小书签"],
[label="杂项"],
[label="火狐谷歌浏览器"],
[label="下载"]
) menu .bookmark-item {
min-width: 220px !important;
}
 
.bookmark-item[container="true"]:-moz-any(
[label="实用小书签"],
[label="杂项"],
[label="火狐谷歌浏览器"],
[label="下载"]
)  >menupopup>hbox  .scrollbox-innerbox> menuseparator{
display: block !important;
}
 
.bookmark-item[container="true"]  scrollbox{
overflow-y: auto !important;
}
 
.bookmark-item[container="true"]  .bookmark-item .menu-iconic-text{
margin-right:-30px!important;
}
.bookmark-item[container="true"] :-moz-any(.abhere-menuitem,autorepeatbutton),
.bookmark-item[container="true"] .menuitem-iconic.bookmark-item.menuitem-with-favicon ~ menuseparator{
display:none!important;
}
.bookmark-item[container="true"] .openintabs-menuitem{
position:absolute; 
}
 
}
lonely_8
狐狸大王
狐狸大王
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2019-10-23
  • 发帖数487
  • 经验249枚
  • 威望0点
  • 贡献值72点
  • 好评度75点
  • 社区居民
  • 忠实会员
1楼#
发布于:2019-01-30 19:13
由于 Bug 1454357 - Remove scrollbox binding
删掉了scrollbox-innerbox 这一层,css 中 删除 .scrollbox-innerbox 就可以了,但是这样过长的双列下拉菜单就无法滚动了。
只能使用 -moz-binding 还原 scrollbox-innerbox。

在你的代码 4 - 5 行间加上
/*还原 https://bugzilla.mozilla.org/show_bug.cgi?id=1454357 的变更*/
#PlacesToolbarItems .bookmark-item[container="true"]:-moz-any(
[label="实用小书签"],[label=""],[label="乱七八糟"], /*.....加上你需要双列显示的所有文件夹。当然也可以不用 :-moz-any(...),这样会应用全局的书签文件夹。*/
)>menupopup>hbox>.popup-internal-box>.arrowscrollbox-scrollbox{
-moz-binding: url("data:application/vnd.mozilla.xul+xml;charset=UTF-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxiaW5kaW5ncyB4bWxucz0iaHR0cDovL3d3dy5tb3ppbGxhLm9yZy94YmwiCgl4bWxuczp4dWw9Imh0dHA6Ly93d3cubW96aWxsYS5vcmcva2V5bWFzdGVyL2dhdGVrZWVwZXIvdGhlcmUuaXMub25seS54dWwiCgl4bWxuczp4Ymw9Imh0dHA6Ly93d3cubW96aWxsYS5vcmcveGJsIj4KCTxiaW5kaW5nIGlkPSJzY3JvbGxib3giIGV4dGVuZHM9ImNocm9tZTovL2dsb2JhbC9jb250ZW50L2JpbmRpbmdzL2dlbmVyYWwueG1sI2Jhc2Vjb250cm9sIj4KCQk8Y29udGVudD4KCQkJPHh1bDpib3ggY2xhc3M9ImJveC1pbmhlcml0IHNjcm9sbGJveC1pbm5lcmJveCIgeGJsOmluaGVyaXRzPSJvcmllbnQsYWxpZ24scGFjayxkaXIiIGZsZXg9IjEiPgoJCQkJPGNoaWxkcmVuLz4KCQkJPC94dWw6Ym94PgoJCTwvY29udGVudD4KCTwvYmluZGluZz4KPC9iaW5kaW5ncz4K") !important;
}
fanmli
小狐狸
小狐狸
  • UID51688
  • 注册日期2015-11-08
  • 最后登录2019-10-20
  • 发帖数51
  • 经验65枚
  • 威望0点
  • 贡献值60点
  • 好评度8点
  • 社区居民
  • 忠实会员
2楼#
发布于:2019-01-30 20:25
lonely_8:由于 Bug 1454357 - Remove scrollbox binding
删掉了scrollbox-innerbox 这一层,css 中 删除 .scrollbox-innerbox 就可以了,但是这样过长的双列下拉菜单就无法滚...
回到原帖
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
 
@-moz-document url(chrome://browser/content/browser.xul) {
     
/*还原 https://bugzilla.mozilla.org/show_bug.cgi?id=1454357 的变更*/
#PlacesToolbarItems .bookmark-item[container="true"]:-moz-any(
[label="实用小书签"],[label="杂项"],[label="火狐谷歌浏览器"],[label="下载"], /*.....加上你需要双列显示的所有文件夹。当然也可以不用 :-moz-any(...),这样会应用全局的书签文件夹。*/
)>menupopup>hbox>.popup-internal-box>.arrowscrollbox-scrollbox{
-moz-binding: url("data:application/vnd.mozilla.xul+xml;charset=UTF-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxiaW5kaW5ncyB4bWxucz0iaHR0cDovL3d3dy5tb3ppbGxhLm9yZy94YmwiCgl4bWxuczp4dWw9Imh0dHA6Ly93d3cubW96aWxsYS5vcmcva2V5bWFzdGVyL2dhdGVrZWVwZXIvdGhlcmUuaXMub25seS54dWwiCgl4bWxuczp4Ymw9Imh0dHA6Ly93d3cubW96aWxsYS5vcmcveGJsIj4KCTxiaW5kaW5nIGlkPSJzY3JvbGxib3giIGV4dGVuZHM9ImNocm9tZTovL2dsb2JhbC9jb250ZW50L2JpbmRpbmdzL2dlbmVyYWwueG1sI2Jhc2Vjb250cm9sIj4KCQk8Y29udGVudD4KCQkJPHh1bDpib3ggY2xhc3M9ImJveC1pbmhlcml0IHNjcm9sbGJveC1pbm5lcmJveCIgeGJsOmluaGVyaXRzPSJvcmllbnQsYWxpZ24scGFjayxkaXIiIGZsZXg9IjEiPgoJCQkJPGNoaWxkcmVuLz4KCQkJPC94dWw6Ym94PgoJCTwvY29udGVudD4KCTwvYmluZGluZz4KPC9iaW5kaW5ncz4K") !important;
}   
   
/*定义收藏项宽度一致*/
.bookmark-item[container="true"]:-moz-any([label="实用小书签"],[label=""],[label="乱七八糟"],[label="杂项"],[label="火狐谷歌浏览器"],[label="VPN--SSH--代理"],[label="网盘搜索云笔记"],[label="电子邮箱"],[label="下载"],[label="论坛"],[label="谷歌"],[label="外国著名网站"],[label="电脑控制手机"]) .menuitem-with-favicon{
max-width:320px !important;
min-width:180px !important;
}
 
.bookmark-item[container="true"]:-moz-any(
/*需要多列显示的书签文件夹名,多个用(,)分割,
格式如下所示。下面的如此类推。跟第一个相同。
在userchorme.css中,中文注意编码,
改为UTF8,stylish扩展可无视*/
 
[label="实用小书签"],
[label="杂项"],
[label="火狐谷歌浏览器"],
[label="下载"]
) >menupopup>hbox .scrollbox-innerbox{
width: 390px !important; /*双列显示380px ,三列显示数值改为570px(3x190)*/
display: table !important;
}
 
.bookmark-item[container="true"]:-moz-any(
[label="实用小书签"],
[label="杂项"],
[label="火狐谷歌浏览器"],
[label="下载"]
)  .bookmark-item {
min-width: 190px !important;
max-width: 190px !important;
margin-right:5px!important;
}
.bookmark-item[container="true"] .bookmark-item{
max-width: 220px !important;
}
.bookmark-item[container="true"]:-moz-any(
[label="实用小书签"],
[label="杂项"],
[label="火狐谷歌浏览器"],
[label="下载"]
) menu .bookmark-item {
min-width: 220px !important;
}
 
.bookmark-item[container="true"]:-moz-any(
[label="实用小书签"],
[label="杂项"],
[label="火狐谷歌浏览器"],
[label="下载"]
)  >menupopup>hbox  .scrollbox-innerbox> menuseparator{
display: block !important;
}
 
.bookmark-item[container="true"]  scrollbox{
overflow-y: auto !important;
}
 
.bookmark-item[container="true"]  .bookmark-item .menu-iconic-text{
margin-right:-30px!important;
}
.bookmark-item[container="true"] :-moz-any(.abhere-menuitem,autorepeatbutton),
.bookmark-item[container="true"] .menuitem-iconic.bookmark-item.menuitem-with-favicon ~ menuseparator{
display:none!important;
}
.bookmark-item[container="true"] .openintabs-menuitem{
position:absolute; 
}
 
}
添加完没有起作用,麻烦在帮我看看!
lonely_8
狐狸大王
狐狸大王
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2019-10-23
  • 发帖数487
  • 经验249枚
  • 威望0点
  • 贡献值72点
  • 好评度75点
  • 社区居民
  • 忠实会员
3楼#
发布于:2019-01-30 20:35
看1楼我所给出的代码,第三行的注释说明啊。
fanmli
小狐狸
小狐狸
  • UID51688
  • 注册日期2015-11-08
  • 最后登录2019-10-20
  • 发帖数51
  • 经验65枚
  • 威望0点
  • 贡献值60点
  • 好评度8点
  • 社区居民
  • 忠实会员
4楼#
发布于:2019-01-31 11:35
lonely_8:看1楼我所给出的代码,第三行的注释说明啊。回到原帖
谢谢已经修改好了!
游客

返回顶部