婆罗门
精华
|
战斗力 鹅
|
回帖 0
注册时间 2011-4-2
|
或者你试下这个CSS脚本
多行标签+自动隐藏
- /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_bookmarks.css made available under Mozilla Public License v. 2.0
- See the above repository for updates as well as full license text. */
- /* Makes bookmarks toolbar span multiple rows */
- #PersonalToolbar{
- --multirow-bmb-n-rows: 3; /* Control how many rows are shown before scrolling */
- --multirow-bmb-row-margin: 2px; /* Control how much spacing is between rows */
- max-height: none !important;
- }
- :root[BookmarksToolbarOverlapsBrowser] :where(#PersonalToolbar){
- height: unset !important;
- }
- #PlacesToolbar > hbox:not(#PlacesToolbarDropIndicatorHolder){
- display: block;
- width: 100vw;
- }
- #PlacesToolbarItems{
- display: flex;
- flex-wrap: wrap;
- /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
- max-height: calc(var(--multirow-bmb-n-rows) * (4px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,var(--bookmark-block-padding)))))) !important;
- overflow-y:auto;
- scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor);
- scrollbar-gutter: stable;
- scrollbar-width: thin;
- }
- /* Hide the all-bookmarks button */
- #PlacesChevron{ display: none }
- /* Add some spacing between rows */
- #PlacesToolbarItems > .bookmark-item{
- margin: var(--multirow-bmb-row-margin) 3px !important;
- visibility: visible !important; /* Just in case they would be hidden for some reason */
- }
- /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_bookmarks_toolbar.css made available under Mozilla Public License v. 2.0
- See the above repository for updates as well as full license text. */
- #PersonalToolbar{
- --uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */
- --uc-bm-padding: 4px; /* Vertical padding to be applied to bookmarks */
- --uc-autohide-toolbar-delay: 600ms; /* The toolbar is hidden after 0.6s */
-
- /* 0deg = "show" ; 90deg = "hide" ; Set the following to control when bookmarks are shown */
- --uc-autohide-toolbar-focus-rotation: 0deg; /* urlbar is focused */
- --uc-autohide-toolbar-hover-rotation: 0deg; /* cursor is over the toolbar area */
- }
- :root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px }
- #PersonalToolbar:not([customizing]){
- position: relative;
- margin-bottom: calc(-1px - var(--uc-bm-height) - 2 * var(--uc-bm-padding));
- transform: rotateX(90deg);
- transform-origin: top;
- transition: transform 135ms linear var(--uc-autohide-toolbar-delay) !important;
- z-index: 1;
- /* The following properties should allow the themes with trasparent toolbars to work */
- background-color: transparent !important;
- background-repeat: no-repeat,no-repeat,var(--lwt-background-tiling);
- /* y position will be wrong if menubar is enabled... */
- --uc-bg-y: calc(-2 * (var(--tab-block-margin) + var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding)) - var(--tab-min-height) - 24px - var(--bookmark-block-padding));
- background-position: top left,top left,var(--lwt-background-alignment,top left);
- background-position-y:top,top,var(--uc-bg-y),var(--uc-bg-y),var(--uc-bg-y);
- background-image: var(--toolbar-bgimage,linear-gradient(transparent,transparent)), linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)),var(--lwt-header-image,var(--lwt-additional-images)) !important;
- }
- :root[uidensity="compact"] #PersonalToolbar{
- --toolbarbutton-outer-padding: 1px !important;
- }
- #PlacesToolbarItems > .bookmark-item,
- #OtherBookmarks,
- #PersonalToolbar > #import-button{
- padding-block: var(--uc-bm-padding) !important;
- }
- #nav-bar:focus-within + #PersonalToolbar{
- transition-delay: 100ms !important;
- transform: rotateX(var(--uc-autohide-toolbar-focus-rotation,0));
- }
- #navigator-toolbox:is(:hover,:focus-within){
- border-bottom-color: transparent !important;
- }
- #navigator-toolbox:hover > #PersonalToolbar{
- transition-delay: 100ms !important;
- transform: rotateX(var(--uc-autohide-toolbar-hover-rotation,0));
- }
- #navigator-toolbox:hover > #nav-bar:focus-within + #PersonalToolbar {
- transform: rotateX(0);
- }
- /* Uncomment to enable compatibility for multi-row_bookmarks.css */
- /* This would break buttons placed in the toolbar but that is likely not happening if you are using multi-row setup */
- /*
- #PersonalToolbar:not([customizing]){
- min-height: 0 !important;
- margin-bottom: 0;
- height: 0;
- overflow-y: visible !important;
- z-index: 2;
- padding-inline: 0 !important;
- }
- #personal-bookmarks{
- background: inherit;
- height: min-content;
- }
- #PlacesToolbarDropIndicatorHolder{
- pointer-events: none !important;
- }
- */
复制代码
|
|