主題

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

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

我的足跡窗口界面臃腫，核心的歷史和書簽條目顯示空間被壓縮得只有一小塊，下面浪費了一大片空間。

把界面調整精簡了下，讓條目顯示窗口空間利用最大化。

上方的菜單欄和搜索欄移到側邊欄
隱藏前進后退按鈕
下方的信息欄去除多余空白，隱藏關鍵字欄（我用不上）
將信息欄的多行顯示改為單行，為上方的條目顯示區騰空間

代碼放到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;
}

}