瀏覽單個文章
dkjfso
Senior Member
 

加入日期: Apr 2005
文章: 1,207
謝謝bass1.大大的線索
多行分頁目前我從
https://alexander-rudde.com/my-user...-to-firefox-57/
https://github.com/Aris-t2/CustomCSSforFx/issues/39
大概拼湊如下:
(限定三列,但要用旁邊的捲軸上下移,無法用滑鼠滾輪…如圖)

代碼:
#tabbrowser-tabs .scrollbox-innerbox {
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto !important;
    min-height: var(--tab-min-height);
    max-height: calc(3*var(--tab-min-height)) !important; /* 3 rows */
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: visible; 
    display: block;
}
#tabbrowser-tabs .scrollbutton-up,#tabbrowser-tabs .scrollbutton-down,#alltabs-button,.tabbrowser-tab:not([fadein]){
    display: none;
}
/* This enables maximum width before scrollbar is shown */
#main-window[tabsintitlebar] #tabbrowser-tabs {
    -moz-window-dragging: no-drag;
}

/* Tabs toolbar adjustment */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#TabsToolbar{
  -moz-padding-start: 2px !important;
}
#main-window[tabsintitlebar][sizemode="normal"]:not([inFullscreen]) #TabsToolbar {
  margin-top: 0px !important;
}

/* Fix for application/ hamburger button in titlebar */
#main-window[tabsintitlebar][inFullscreen] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar  #PanelUI-button {
  visibility: collapse !important;
}

/* Tab height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: 25px !important;
}

/* Multi-row */
.tabbrowser-tab {
    min-width:118px !important;
}
.tabbrowser-tab,.tab-background {
    height:29px;
}
.tab-stack {
    width: 100%;
}
#tabbrowser-tabs .scrollbox-innerbox {
    display: flex;
    flex-wrap: wrap;
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: visible;
    display: block;
}
/* Multi-row (end) */

/* Toolbar order (start) ************************************/
#print-preview-toolbar,
#printedit-toolbar,
#titlebar {
  -moz-box-ordinal-group: 0 !important;
}
#navigator-toolbox #toolbar-menubar {
  -moz-box-ordinal-group: 1 !important;
}
/* navigation toolbar */
#navigator-toolbox #nav-bar {
  -moz-box-ordinal-group: 2 !important;
}
/* bookmarks toolbar */
#navigator-toolbox #PersonalToolbar {
  -moz-box-ordinal-group: 3 !important;
}
/* 3rd party toolbars */
#navigator-toolbox toolbar {
  -moz-box-ordinal-group: 10 !important;
}
/* tabs toolbar */
#navigator-toolbox #TabsToolbar {
  -moz-box-ordinal-group: 100 !important;
}
/* toolbar order (end) **************************************/


/* Toolbar borders */
#main-window #navigator-toolbox::after {
  border-bottom: unset !important;
  opacity: 0 !important;
}
#TabsToolbar{
  margin-bottom: 0px !important;
  border-top: 1px solid #5f7181 !important;
  border-bottom: 1px solid #5f7181 !important;
}
#main-window:not([inFullscreen="true"])[tabsintitlebar] #TabsToolbar{
  -moz-margin-end: 0px !important;
}
#main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder{
  visibility: collapse !important;
}
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"],
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
  margin-top: 21px !important;
}
#tabbrowser-tabs .tab-drop-indicator {
  margin-bottom: 0px !important;
}
/* Toolbar borders (end) */

/* Tab border */
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content {
  border-bottom: 1px solid #919ba4 !important;
  border-right: 1px solid #919ba4 !important;
}



/* Move the tab line to bottom of a tab */
.tabbrowser-tab .tab-line,
#TabsToolbar,
.tabbrowser-tab .tab-bottom-line {
	 -moz-box-ordinal-group: 2;
}
上傳的圖像
文件類型: png test.png (56.7 KB, 330次瀏覽)
舊 2018-09-02, 05:33 PM #948
回應時引用此文章
dkjfso離線中