主題

火狐Firefox CSS樣式：我的足跡視窗介面優化和精簡

—— | 2024-02-02 11:44:53 | 巴幣 0 | 人氣 99

我的足迹窗口界面臃肿，核心的历史和书签条目显示空间被压缩得只有一小块，下面浪费了一大片空间。

把界面调整精简了下，让条目显示窗口空间利用最大化。

上方的菜单栏和搜索栏移到侧边栏
隐藏前进后退按钮
下方的信息栏去除多余空白，隐藏关键字栏（我用不上）
将信息栏的多行显示改为单行，为上方的条目显示区腾空间

代码放到userchrome.css里

/*我的足迹窗口定制*/
@-moz-document url(chrome://browser/content/places/places.xhtml) {
/*隐藏信息栏下的关键字栏、文字提示和显示所有tag按钮*/
#editBookmarkPanelContent>label.editBMPanel_keywordRow,#editBMPanel_keywordField,#keyword-field-info,#editBMPanel_tagsSelectorExpander,#tags-field-info {
display:none !important;
}
/*取消信息栏高度下限*/
#detailsPane {
  min-height: auto !important;
}
/*隐藏前进后退按钮*/
#forward-button,#back-button {
display:none !important;
}
/*上方工具栏移到左上角*/
#placesToolbox {
    position: absolute !important;
}
/*搜索栏另起一行*/
#searchFilter {
    appearance: none !important;
    position: absolute !important;
    top: 30px !important;
    padding:0 !important;
    margin:0 !important;
    width:200px !important;
    height:30px !important;
    border-bottom:1px solid ThreeDShadow !important;
    border-top:1px solid ThreeDShadow !important;
}
/*树形栏给上方工具栏腾空间*/
#placesList {
    position: relative !important;
    top: 60px !important;
    width: 200px !important;
}
/*让信息栏不再分行*/
#editBookmarkPanelContent {
    display: flex !important;
}
/*下方信息栏去除间隙*/
#editBookmarkPanelContent input {
    margin:0 !important;
}
/*标题栏宽度*/
#editBMPanel_namePicker {
    width:100% !important;
}
/*地址栏宽度*/
#editBMPanel_locationField {
    width:100% !important;
}
/*tag栏宽度*/
#editBookmarkPanelContent>hbox.editBMPanel_tagsRow {
    width:10% !important;
}
/*工具栏菜单固定宽度*/
#placesMenu {
    max-width: 200px !important;
}
/*去除按钮样式*/
#placesMenu > menu {
    appearance:none !important;
}

}