如何增加Firefox(Quantum,v.57 +)url栏的宽度并使导航栏溢出?

时间:2018-02-22 20:39:39

标签: css3 firefox flexbox

我有很多插件,我想要的是一个额外的"插件栏" (比如the "Addon bar restored")我可以放置我的插件'纽扣。不幸的是,Firefox Quantum(版本57+)只接受userChrome.css文件中的WebExtensions或CSS代码。我尝试了第二个选项:修改.css文件以使网址条的宽度尽可能大,并使导航栏的溢出创建一个"秒"在它下面的条(或者更确切地说,第二条线),溢出的插件'按钮将停留。

使用以下代码,我可以将select pid, max(c) from likes join(select pid, count(likeuid) as c from likes group by pid) a on a.pid = likes.pid group by pid 宽度增加到我想要的宽度,但是urlbar-container不会溢出,因此插件会出现问题。按钮不会溢出到第二行。

nav-bar

有谁知道我怎么做:1-增加#urlbar-container { min-width: 1000px !important; } #nav-bar { //dsplay: block; overflow-x: visible !important; overflow-y: visible !important; overflow: visible !important; max-height: 500px !important; } 的宽度和2- urlbar-container溢出,这样它就不会隐藏溢出的按钮,而是会在下面的新行中显示它们它?

1 个答案:

答案 0 :(得分:0)

这是一个有效的代码:

#urlbar {
    width: 100%;
}

#urlbar-container {
    //min-width: 1000px !important;
    flex: 0 0 80% !important; /*change the size to what you like*/
}

#nav-bar-customization-target {
    display: flex;
    flex-wrap: wrap !important;
    align-items: center;
    align-content: center;
}

#nav-bar {
    min-height: 80px;
    height: 100%;
}

效果很好,但我希望我可以将min-height: 80px替换为#nav-bar中不那么粗暴的东西。我尝试了2em200%,但只有像素有效。这很糟糕,因为如果我减小窗口的宽度,会创建新的弹性行,但由于高度限制,它们会被裁剪掉。我错过了什么吗?