婆罗门
精华
|
战斗力 鹅
|
回帖 0
注册时间 2011-4-2
|
本帖最后由 暁美ほむら 于 2024-6-11 01:55 编辑
推荐一个扩展 Page Sidebar | Open any page in side panel
https://addons.mozilla.org/zh-CN/firefox/addon/page-sidebar/?utm_content=addons-manager-reviews-link&utm_medium=firefox-browser&utm_source=firefox-browser
效果如图
可以配合下面代码进行自动隐藏（把代码放进userchrome.css里）
#sidebar-box{
--uc-sidebar-width: 10px; /*默认显示宽度*/
--uc-sidebar-hover-width: 200px; /*触发显示宽度 */
--uc-autohide-sidebar-delay: 15ms;
min-width: var(--uc-sidebar-width) !important;
width: var(--uc-sidebar-width) !important;
max-width: var(--uc-sidebar-width) !important;
z-index:1;
}
#sidebar-box[positionend]{ direction: rtl }
#sidebar-box[positionend] > *{ direction: ltr }
#sidebar-box[positionend]:-moz-locale-dir(rtl){ direction: ltr }
#sidebar-box[positionend]:-moz-locale-dir(rtl) > *{ direction: rtl }
#main-window[sizemode="fullscreen"] #sidebar-box{ --uc-sidebar-width: 1px; }
#sidebar-splitter{ display: none }
#sidebar-header{ display: none }
#sidebar-header{
overflow: hidden;
color: var(--chrome-color, inherit) !important;
padding-inline: 0 !important;
}
#sidebar-header::before,
#sidebar-header::after{
content: "";
display: -moz-box;
padding-left: 8px;
}
#sidebar-switcher-target{
-moz-box-pack: start !important;
}
#sidebar{
transition: min-width 115ms linear var(--uc-autohide-sidebar-delay) !important;
min-width: var(--uc-sidebar-width) !important;
will-change: min-width;
}
#sidebar-box:hover > #sidebar{
min-width: var(--uc-sidebar-hover-width) !important;
transition-delay: 0ms !important;
}
.sidebar-panel{
background-color: transparent !important;
color: var(--newtab-text-primary-color) !important;
}
.sidebar-panel #search-box{
-moz-appearance: none !important;
background-color: rgba(25,250,250,0.1) !important;
color: inherit !important;
}
#sidebar,
#sidebar-header{
background-color: inherit !important;
}
#sidebar-box:not([positionend]) > :-moz-locale-dir(rtl),
#sidebar-box[positionend] > *{
border-inline-width: 1px 0px;
}
#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel{
inset-inline: auto 0px !important;
}
#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel-label{
margin-inline: 0px !important;
border-left-style: solid !important;
}
/*播放按钮左移*/
.Tab .audio {
z-index: 1;
margin-left: -12px;
height: 26px;
}
/*隐藏窗口控制区域 仅为有列出所有标签页的使用需求取消下行注释 */
/*.titlebar-buttonbox {display: none !important} */
/* 列表标签数显示 */
/*
#TabsToolbar-customization-target {
counter-reset: tabCount;
}
.tabbrowser-tab {
counter-increment: tabCount;
}
#alltabs-button > .toolbarbutton-badge-stack > .toolbarbutton-icon {
visibility: collapse !important;
}
#alltabs-button > .toolbarbutton-badge-stack {
position: relative !important;
}
#alltabs-button > .toolbarbutton-badge-stack::before {
content: counter(tabCount);
border-bottom: 1px solid var(--toolbarbutton-icon-fill);
color: var(--toolbarbutton-icon-fill);
opacity: var(--toolbarbutton-icon-fill-opacity);
position: absolute;
bottom: var(--toolbarbutton-inner-padding);
left: 50%;
transform: translateX(-50%);
padding: 0 3px;
}
*/
|
-
|
楼主: pgain2004
沪公网安备 31010702007642号 )
发表于 2024-6-1 23:28
