[系統優化] Firefox 65: Tabs On Bottom & Rounded Tabs

本帖最後由 toylet 於 2019-2-11 22:23 編輯

From: Nobody <jock@soccer.com>
Subject: Re: Tabs On Bottom
Date: Sun, 10 Feb 2019 11:32:55 -0800
To: mozilla-support-firefox@lists.mozilla.org
Approved: support-firefox@lists.mozilla.org
Message location: news://news.mozilla.org:119/mail ... x@lists.mozilla.org


Win 10 Home Premium... Ffox 65.0...

After much fiddling/experimenting, I finally managed to restore both
'Tabs on Bottom' and 'Rounded Tabs' with the userChrome file below:
  1. @namespace
  2. url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  3. /* only needed once */

  4. /* TABS: on bottom */
  5. #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar)
  6. {-moz-box-ordinal-group:10}
  7. #TabsToolbar {-moz-box-ordinal-group:1000!important}

  8. #TabsToolbar {
  9. position: absolute !important;
  10. bottom: 0 !important;
  11. width: 100vw !important;
  12. }

  13. #tabbrowser-tabs {
  14.   width: 100vw !important;
  15. }
  16. #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox
  17. {padding-bottom: var(--tab-min-height) !important;}

  18. /* TABS: height */
  19. :root {
  20. --tab-toolbar-navbar-overlap: 0px !important;
  21. --tab-min-height: 33px !important; /* adjust to suit your needs */
  22. }
  23. :root #tabbrowser-tabs {
  24. --tab-min-height: 33px !important; /* needs to be the same as above
  25. under :root */
  26. --tab-min-width: 80px !important;
  27. }

  28. #TabsToolbar {
  29. height: var(--tab-min-height) !important;
  30. margin-bottom: 1px !important;
  31. box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
  32. background-color: var(--toolbar-bgcolor) !important;
  33. }

  34. #tabbrowser-tabs,
  35. #tabbrowser-tabs > .tabbrowser-arrowscrollbox,
  36. ..tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  37.   min-height: var(--tab-min-height) !important;
  38.   max-height: var(--tab-min-height) !important;
  39. }

  40. /* drag space */
  41. ..titlebar-spacer[type="pre-tabs"],
  42. ..titlebar-spacer[type="post-tabs"] {
  43.   width: 40px;
  44. }

  45. /* Override vertical shifts when moving a tab */
  46. #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  47.   padding-bottom: unset !important;
  48. }
  49. #navigator-toolbox[movingtab] #tabbrowser-tabs {
  50.   padding-bottom: unset !important;
  51.   margin-bottom: unset !important;
  52. }
  53. #navigator-toolbox[movingtab] > #nav-bar {
  54.   margin-top: unset !important;
  55. }

  56. /* hide windows-controls */
  57. #TabsToolbar #window-controls {display:none!important;}

  58. /* move caption buttons to right of Tab bar */
  59. #main-window[tabsintitlebar]:not([inFullscreen="true"])
  60. #toolbar-menubar[autohide="true"] ~ #TabsToolbar
  61. ..titlebar-buttonbox-container {
  62. position: fixed !important;
  63. right: 0 !important;
  64. top: calc(6px + var(--tab-min-height)) !important;
  65. display: block !important;
  66. visibility: visible !important;
  67. }
  68. #toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px
  69. !important;
  70. }

  71. ..tabbrowser-tab::after, .tabbrowser-tab::before {
  72.    border-left: none !important;
  73. }
  74. ..tab-background {
  75.   border-radius: 12px 12px 0px 0px !important;
  76.   border-image: none !important;
  77.   border-left: 1px solid !important;
  78.   border-right: 1px solid !important;
  79.   border-top: 1px solid !important;
  80.   background-color: #BDBDBD !important;
  81. }
  82. ..tab-line {
  83.   display: none !important;
  84. }
複製代碼