X
Tap here to go to the mobile version of the site.

منتدى الدعم

How to get a multirow bookmarks toolbar in Firefox 74?

Posted

Hi,

Today I installed the new Firefox 74 but now my multirow bookmarks toolbar is not working correct anymore. They are not side by side, they are now among one another. See attached screen, ca. 75% of the screen is used by the bookmarks.

The following code is contained in my userChrome.css file:

/* Multi-Row Bookmarks Toolbar Firefox 66+ */

#PersonalToolbar {
  min-height: unset !important;
  max-height: unset !important;
/* text-align: center !important; */
}

#PersonalToolbar #PlacesToolbarItems {
  overflow-x: visible !important;
  overflow-y: visible !important;
  display: inline-block !important;
}

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]) {
  /* Reduce padding on individual bookmarks to fit rows closer together */
  margin-inline-end: 0px !important;
}

Does anybody have a solution for this?

PS: If you need more info, please ask...

Best regards heusmich

Hi, Today I installed the new Firefox 74 but now my multirow bookmarks toolbar is not working correct anymore. They are not side by side, they are now among one another. See attached screen, ca. 75% of the screen is used by the bookmarks. The following code is contained in my userChrome.css file: <pre><nowiki> /* Multi-Row Bookmarks Toolbar Firefox 66+ */ #PersonalToolbar { min-height: unset !important; max-height: unset !important; /* text-align: center !important; */ } #PersonalToolbar #PlacesToolbarItems { overflow-x: visible !important; overflow-y: visible !important; display: inline-block !important; } #PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]) { /* Reduce padding on individual bookmarks to fit rows closer together */ margin-inline-end: 0px !important; } </nowiki></pre> Does anybody have a solution for this? PS: If you need more info, please ask... Best regards heusmich
Attached screenshots

Modified by cor-el

Quote
cor-el
  • Top 10 Contributor
  • Moderator
17862 solutions 161642 answers

Chosen Solution

Try this code: *https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_bookmarks.css *https://www.reddit.com/search/?q=multi%20row%20bookmarks

Modified by cor-el

هل وجدت هذا مفيدًا؟ 3
Quote

ردّ مُفيد

''cor-el [[#answer-1296652|said]]'' <blockquote> Try this code: *https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_bookmarks.css *https://www.reddit.com/search/?q=multi%20row%20bookmarks </blockquote> Thank you very much for the fast help. It´s working!

Modified by heusmich

هل وجدت هذا مفيدًا؟ 1
Quote
FF_Help_user 1 solutions 22 answers

Why don't they just build this feature in so users don't have to keep trying to figure it out when they decide to come out with yet another update?

Tried this code here, not working.

Why don't they just build this feature in so users don't have to keep trying to figure it out when they decide to come out with yet another update? Tried this code here, not working.

Modified by FF_Help_user

هل وجدت هذا مفيدًا؟ 1
Quote
HighTime7898 0 solutions 2 answers

cor-el said

Try this code:

I was having the same problem after upgrading to 74 and this fixed it, thanks.

''cor-el [[#answer-1296652|said]]'' <blockquote> Try this code: *https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_bookmarks.css *https://www.reddit.com/search/?q=multi%20row%20bookmarks </blockquote> I was having the same problem after upgrading to 74 and this fixed it, thanks.
هل وجدت هذا مفيدًا؟ 0
Quote
mjs50 0 solutions 3 answers

I installed the new Firefox 74 yesterday and about one out of 4 times new Firefox updates hose my Bookmark Toolbar - badly! This is the 4th time now! Took me about 2 hours of splicing other CSS files together to get the new version 74 to work! I didn't write the code but I did modify and splice 4 pieces of code together. I really like the outcome!

Here is the solution. This makes the bookmark icons span multiple rows and wraps the icons, it removes the icon text, has hover readability for the icons, and it rounds the square tabs and also puts them at the bottom. I think everybody will like this one!

.tabbrowser-tab {
    box-sizing: border-box;
    margin: 0 1px 0 1px !important;
    border-radius: 5px 5px 0 0 !important;
}


.tabbrowser-tab .tab-text.tab-label {
    color: black !important;            /* tab text color - customizable */
}


.tabbrowser-tab[selected="true"] .tab-text.tab-label {
    color: black !important;            /* tab text color - customizable */
}


.tabbrowser-tab[selected="true"] .tab-background {
    border: 1px solid gray !important;  /* color is customizable */
    border-bottom: none !important;
    opacity: 1;
}

 
#tabbrowser-tabs {
  min-height: unset !important;
  padding-inline-start: 0px !important;
}



.tab-background {
    border: none !important;
    border-radius: 5px 5px 0 0 !important;
    background: black;
    opacity: .1;
}


.tab-line {                             /* = light top line in selected tab in Quantum default */
    display: none !important;
}


.tabbrowser-tab:hover,
.tabbrowser-tab .tab-text.tab-label:hover {
    cursor: pointer !important; 
}


.tabbrowser-tab:hover {
    border: 1px solid grey !important;
}


.tabbrowser-tab[selected="true"]:hover {
    border: none !important;
}


[tabsintitlebar]:root:not([extradragspace]) .tabbrowser-tab::after,
.tabbrowser-tab:hover::after,
#tabbrowser-tabs:not([movingtab])>.tabbrowser-tab[beforehovered]::after {
    border: none !important;                /* leave as is; affects the New Tab icon (the plus) */
}


/* BOOKMARK ICON COLORIZATION */

#bookmarks-view treechildren::-moz-tree-image(container),
#PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"] .menu-iconic-icon {
    fill: #FFCC00 !important;               /* orange; customizable */
    margin-right: 8px;                      /* correction for the Firefox default imperfection */
}


/* ADDRESS BAR ICONS CLEAN-UP */

#pageActionSeparator, #pocket-button, #pageActionButton {
    display: none !important;               /* customizable: delete if you want the objects back */
}

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

#TabsToolbar {
 display: block !important;
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
 padding-bottom: var(--tab-min-height) !important;
}

#tabbrowser-tabs {
 width: 100vw !important;
}

#TabsToolbar #window-controls {
 display: none !important;
}

/*
   To show the text of a bookmark, hover the bookmark
   at least a quarter second (250 milliseconds).
   Once shown on hover, they remain for 2 seconds
   after hover ends before collapsing out again.
*/
toolbarbutton.bookmark-item .toolbarbutton-text {
  visibility: collapse !important;
  opacity: 0 !important;
  transition: all 250ms 2s ease-in-out !important;
}
toolbarbutton.bookmark-item:hover .toolbarbutton-text {
  visibility: visible !important;
  opacity: 1 !important;
  transition: all 250ms 250ms ease-in-out !important;
}

/* 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;
}

#PlacesToolbar > hbox{ 
  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) * (5px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,2px))))) !important;
  overflow-y:auto;
  scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ;
  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) 2px !important;  }

#personal-bookmarks .bookmark-item > .toolbarbutton-text { display:none !important; }
I installed the new Firefox 74 yesterday and about one out of 4 times new Firefox updates hose my Bookmark Toolbar - badly! This is the 4th time now! Took me about 2 hours of splicing other CSS files together to get the new version 74 to work! I didn't write the code but I did modify and splice 4 pieces of code together. I really like the outcome! Here is the solution. This makes the bookmark icons span multiple rows and wraps the icons, it removes the icon text, has hover readability for the icons, and it rounds the square tabs and also puts them at the bottom. I think everybody will like this one! <pre><nowiki>.tabbrowser-tab { box-sizing: border-box; margin: 0 1px 0 1px !important; border-radius: 5px 5px 0 0 !important; } .tabbrowser-tab .tab-text.tab-label { color: black !important; /* tab text color - customizable */ } .tabbrowser-tab[selected="true"] .tab-text.tab-label { color: black !important; /* tab text color - customizable */ } .tabbrowser-tab[selected="true"] .tab-background { border: 1px solid gray !important; /* color is customizable */ border-bottom: none !important; opacity: 1; } #tabbrowser-tabs { min-height: unset !important; padding-inline-start: 0px !important; } .tab-background { border: none !important; border-radius: 5px 5px 0 0 !important; background: black; opacity: .1; } .tab-line { /* = light top line in selected tab in Quantum default */ display: none !important; } .tabbrowser-tab:hover, .tabbrowser-tab .tab-text.tab-label:hover { cursor: pointer !important; } .tabbrowser-tab:hover { border: 1px solid grey !important; } .tabbrowser-tab[selected="true"]:hover { border: none !important; } [tabsintitlebar]:root:not([extradragspace]) .tabbrowser-tab::after, .tabbrowser-tab:hover::after, #tabbrowser-tabs:not([movingtab])>.tabbrowser-tab[beforehovered]::after { border: none !important; /* leave as is; affects the New Tab icon (the plus) */ } /* BOOKMARK ICON COLORIZATION */ #bookmarks-view treechildren::-moz-tree-image(container), #PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon, #bookmarksMenu menu[container="true"] .menu-iconic-icon { fill: #FFCC00 !important; /* orange; customizable */ margin-right: 8px; /* correction for the Firefox default imperfection */ } /* ADDRESS BAR ICONS CLEAN-UP */ #pageActionSeparator, #pocket-button, #pageActionButton { display: none !important; /* customizable: delete if you want the objects back */ } /* TABS on bottom */ #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) { -moz-box-ordinal-group: 10; } #TabsToolbar { -moz-box-ordinal-group: 1000 !important; } #TabsToolbar { display: block !important; position: absolute !important; bottom: 0 !important; width: 100vw !important; } #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox { padding-bottom: var(--tab-min-height) !important; } #tabbrowser-tabs { width: 100vw !important; } #TabsToolbar #window-controls { display: none !important; } /* To show the text of a bookmark, hover the bookmark at least a quarter second (250 milliseconds). Once shown on hover, they remain for 2 seconds after hover ends before collapsing out again. */ toolbarbutton.bookmark-item .toolbarbutton-text { visibility: collapse !important; opacity: 0 !important; transition: all 250ms 2s ease-in-out !important; } toolbarbutton.bookmark-item:hover .toolbarbutton-text { visibility: visible !important; opacity: 1 !important; transition: all 250ms 250ms ease-in-out !important; } /* 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; } #PlacesToolbar > hbox{ 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) * (5px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,2px))))) !important; overflow-y:auto; scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ; 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) 2px !important; } #personal-bookmarks .bookmark-item > .toolbarbutton-text { display:none !important; }</nowiki></pre>

Modified by cor-el

هل وجدت هذا مفيدًا؟
Quote
FF_Help_user 1 solutions 22 answers

FF_Help_user said

Why don't they just build this feature in so users don't have to keep trying to figure it out when they decide to come out with yet another update? Tried this code here, not working.

Got it working, it finally took with this code:

/* 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;
}

#PlacesToolbar > hbox{ 
  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) * (5px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,2px))))) !important;
  overflow-y:auto;
  scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ;
  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;  }
''FF_Help_user [[#answer-1296756|said]]'' <blockquote> Why don't they just build this feature in so users don't have to keep trying to figure it out when they decide to come out with yet another update? Tried this code here, not working. </blockquote> Got it working, it finally took with this code: <pre><nowiki> /* 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; } #PlacesToolbar > hbox{ 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) * (5px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,2px))))) !important; overflow-y:auto; scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ; 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; }</nowiki></pre>

Modified by cor-el

هل وجدت هذا مفيدًا؟
Quote
mjs50 0 solutions 3 answers

I don't know, it is getting more than frustrating using Firefox when they don't think these changes though. I preferred the older Firefox because of it's plugins, but now you have to modify it through the CSS file. And I'm not a programmer, I just know enough to figure it out with some difficulty, and by cutting and pasting code pieces I always fix it. Still this fix took me two hours!

I don't know, it is getting more than frustrating using Firefox when they don't think these changes though. I preferred the older Firefox because of it's plugins, but now you have to modify it through the CSS file. And I'm not a programmer, I just know enough to figure it out with some difficulty, and by cutting and pasting code pieces I always fix it. Still this fix took me two hours!

Modified by mjs50

هل وجدت هذا مفيدًا؟
Quote
AIVAS 0 solutions 43 answers

Hi,

Today I installed the new Firefox 74 but now my multirow bookmarks toolbar is not working correct anymore. They are not side by side, they are now among one another. See attached screen, ca. 75% of the screen is used by the bookmarks.

Same problem. I went back to Firefox 73. I will try the code(s) posted with my current userChrome.css file but do not have much faith.

I've set Firefox 73 to NOT automatically update but there seems to be no way to stop the popup update nag. I'm afraid I'll click the update option by accident.

Any suggestions to kill the popup?

Hi, Today I installed the new Firefox 74 but now my multirow bookmarks toolbar is not working correct anymore. They are not side by side, they are now among one another. See attached screen, ca. 75% of the screen is used by the bookmarks. ******* Same problem. I went back to Firefox 73. I will try the code(s) posted with my current userChrome.css file but do not have much faith. I've set Firefox 73 to NOT automatically update but there seems to be no way to stop the popup update nag. I'm afraid I'll click the update option by accident. Any suggestions to kill the popup?
هل وجدت هذا مفيدًا؟
Quote
mjs50 0 solutions 3 answers

Use this userChrome.css file and it should fix version 74.


.tabbrowser-tab {

   box-sizing: border-box;
   margin: 0 1px 0 1px !important;
   border-radius: 5px 5px 0 0 !important;

}


.tabbrowser-tab .tab-text.tab-label {

   color: black !important;            /* tab text color - customizable */

}


.tabbrowser-tab[selected="true"] .tab-text.tab-label {

   color: black !important;            /* tab text color - customizable */

}


.tabbrowser-tab[selected="true"] .tab-background {

   border: 1px solid gray !important;  /* color is customizable */
   border-bottom: none !important;
   opacity: 1;

}


  1. tabbrowser-tabs {
 min-height: unset !important;
 padding-inline-start: 0px !important;

}


.tab-background {

   border: none !important;
   border-radius: 5px 5px 0 0 !important;
   background: black;
   opacity: .1;

}


.tab-line { /* = light top line in selected tab in Quantum default */

   display: none !important;

}


.tabbrowser-tab:hover, .tabbrowser-tab .tab-text.tab-label:hover {

   cursor: pointer !important; 

}


.tabbrowser-tab:hover {

   border: 1px solid grey !important;

}


.tabbrowser-tab[selected="true"]:hover {

   border: none !important;

}


[tabsintitlebar]:root:not([extradragspace]) .tabbrowser-tab::after, .tabbrowser-tab:hover::after,

  1. tabbrowser-tabs:not([movingtab])>.tabbrowser-tab[beforehovered]::after {
   border: none !important;                /* leave as is; affects the New Tab icon (the plus) */

}


/* BOOKMARK ICON COLORIZATION */

  1. bookmarks-view treechildren::-moz-tree-image(container),
  2. PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,
  3. PlacesToolbarItems menu[container="true"] .menu-iconic-left,
  4. BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon,
  5. bookmarksMenu menu[container="true"] .menu-iconic-icon {
   fill: #FFCC00 !important;               /* orange; customizable */
   margin-right: 8px;                      /* correction for the Firefox default imperfection */

}


/* ADDRESS BAR ICONS CLEAN-UP */

  1. pageActionSeparator, #pocket-button, #pageActionButton {
   display: none !important;               /* customizable: delete if you want the objects back */

}

/* TABS on bottom */

  1. navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
-moz-box-ordinal-group: 10;

}

  1. TabsToolbar {
-moz-box-ordinal-group: 1000 !important;

}

  1. TabsToolbar {
display: block !important;
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;

}

  1. main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: var(--tab-min-height) !important;

}

  1. tabbrowser-tabs {
width: 100vw !important;

}

  1. TabsToolbar #window-controls {
display: none !important;

}


  at least a quarter second (250 milliseconds).
  Once shown on hover, they remain for 2 seconds
  after hover ends before collapsing out again.
  • /

toolbarbutton.bookmark-item .toolbarbutton-text {

 visibility: collapse !important;
 opacity: 0 !important;
 transition: all 250ms 2s ease-in-out !important;

} toolbarbutton.bookmark-item:hover .toolbarbutton-text {

 visibility: visible !important;
 opacity: 1 !important;
 transition: all 250ms 250ms ease-in-out !important;

}

/* Makes bookmarks toolbar span multiple rows */

  1. 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;

}

  1. PlacesToolbar > hbox{
 display: block;
 width: 100vw;

}

  1. PlacesToolbarItems{
 display: flex;
 flex-wrap: wrap;
 /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
 max-height: calc(var(--multirow-bmb-n-rows) * (5px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,3px))))) !important;
 overflow-y:auto;
 scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ;
 scrollbar-width: thin;

}

/* Hide the all-bookmarks button */

  1. PlacesChevron{ display: none }

/* Add some spacing between rows */

  1. PlacesToolbarItems > .bookmark-item{ margin: var(--multirow-bmb-row-margin) 2px !important; }
  1. personal-bookmarks .bookmark-item > .toolbarbutton-text { display:none !important; }


/* Curve the background tabs at the upper left and right corners

  May not work on add-on themes. */

.tabbrowser-tab {

 border-radius: 10px 10px 0px 0px / 15px 15px 0px 0px !important;

} /* Curve active tab and slightly overlap neighboring tabs */ .tabbrowser-tab .tab-background[selected="true"] {

 margin-left: -1px !important;
 margin-right: -1px !important;
 border-radius: 10px 10px 0px 0px / 15px 15px 0px 0px !important;

} /* Shorten the tab line along the tops of tabs */ .tab-line {

 margin-left: 9px !important;
 margin-right: 9px !important;

} /* Shorten the vertical lines between background tabs */ .tabbrowser-tab::before, .tabbrowser-tab::after {

 margin-top: 9px !important;

}

/** "Light" Theme (Dark Text) **/

/* Border the background tabs (10% gray) for greater visibility */

  1. main-window:not([lwthemetextcolor="bright"]) .tabbrowser-tab:not([selected="true"]) {
 border: 1px solid rgba(0,0,0,.1) !important;
 border-bottom-color: transparent !important;
 margin-right: -1px !important;

} /* Remove short vertical lines between background tabs */

  1. main-window:not([lwthemetextcolor="bright"]) .tabbrowser-tab::before,
  2. main-window:not([lwthemetextcolor="bright"]) .tabbrowser-tab::after {
 border: none !important;

}

Use this userChrome.css file and it should fix version 74. ----------------------------------------------------------------------------------- .tabbrowser-tab { box-sizing: border-box; margin: 0 1px 0 1px !important; border-radius: 5px 5px 0 0 !important; } .tabbrowser-tab .tab-text.tab-label { color: black !important; /* tab text color - customizable */ } .tabbrowser-tab[selected="true"] .tab-text.tab-label { color: black !important; /* tab text color - customizable */ } .tabbrowser-tab[selected="true"] .tab-background { border: 1px solid gray !important; /* color is customizable */ border-bottom: none !important; opacity: 1; } #tabbrowser-tabs { min-height: unset !important; padding-inline-start: 0px !important; } .tab-background { border: none !important; border-radius: 5px 5px 0 0 !important; background: black; opacity: .1; } .tab-line { /* = light top line in selected tab in Quantum default */ display: none !important; } .tabbrowser-tab:hover, .tabbrowser-tab .tab-text.tab-label:hover { cursor: pointer !important; } .tabbrowser-tab:hover { border: 1px solid grey !important; } .tabbrowser-tab[selected="true"]:hover { border: none !important; } [tabsintitlebar]:root:not([extradragspace]) .tabbrowser-tab::after, .tabbrowser-tab:hover::after, #tabbrowser-tabs:not([movingtab])>.tabbrowser-tab[beforehovered]::after { border: none !important; /* leave as is; affects the New Tab icon (the plus) */ } /* BOOKMARK ICON COLORIZATION */ #bookmarks-view treechildren::-moz-tree-image(container), #PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon, #bookmarksMenu menu[container="true"] .menu-iconic-icon { fill: #FFCC00 !important; /* orange; customizable */ margin-right: 8px; /* correction for the Firefox default imperfection */ } /* ADDRESS BAR ICONS CLEAN-UP */ #pageActionSeparator, #pocket-button, #pageActionButton { display: none !important; /* customizable: delete if you want the objects back */ } /* TABS on bottom */ #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) { -moz-box-ordinal-group: 10; } #TabsToolbar { -moz-box-ordinal-group: 1000 !important; } #TabsToolbar { display: block !important; position: absolute !important; bottom: 0 !important; width: 100vw !important; } #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox { padding-bottom: var(--tab-min-height) !important; } #tabbrowser-tabs { width: 100vw !important; } #TabsToolbar #window-controls { display: none !important; } at least a quarter second (250 milliseconds). Once shown on hover, they remain for 2 seconds after hover ends before collapsing out again. */ toolbarbutton.bookmark-item .toolbarbutton-text { visibility: collapse !important; opacity: 0 !important; transition: all 250ms 2s ease-in-out !important; } toolbarbutton.bookmark-item:hover .toolbarbutton-text { visibility: visible !important; opacity: 1 !important; transition: all 250ms 250ms ease-in-out !important; } /* 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; } #PlacesToolbar > hbox{ 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) * (5px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,3px))))) !important; overflow-y:auto; scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ; 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) 2px !important; } #personal-bookmarks .bookmark-item > .toolbarbutton-text { display:none !important; } /* Curve the background tabs at the upper left and right corners May not work on add-on themes. */ .tabbrowser-tab { border-radius: 10px 10px 0px 0px / 15px 15px 0px 0px !important; } /* Curve active tab and slightly overlap neighboring tabs */ .tabbrowser-tab .tab-background[selected="true"] { margin-left: -1px !important; margin-right: -1px !important; border-radius: 10px 10px 0px 0px / 15px 15px 0px 0px !important; } /* Shorten the tab line along the tops of tabs */ .tab-line { margin-left: 9px !important; margin-right: 9px !important; } /* Shorten the vertical lines between background tabs */ .tabbrowser-tab::before, .tabbrowser-tab::after { margin-top: 9px !important; } /** "Light" Theme (Dark Text) **/ /* Border the background tabs (10% gray) for greater visibility */ #main-window:not([lwthemetextcolor="bright"]) .tabbrowser-tab:not([selected="true"]) { border: 1px solid rgba(0,0,0,.1) !important; border-bottom-color: transparent !important; margin-right: -1px !important; } /* Remove short vertical lines between background tabs */ #main-window:not([lwthemetextcolor="bright"]) .tabbrowser-tab::before, #main-window:not([lwthemetextcolor="bright"]) .tabbrowser-tab::after { border: none !important; }
هل وجدت هذا مفيدًا؟
Quote
AIVAS 0 solutions 43 answers

Did not work

Restored Firefox 73.

Did not work Restored Firefox 73.
هل وجدت هذا مفيدًا؟
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17862 solutions 161642 answers

Hi AIVAS

Did you try this CSS code in Firefox 74?

If you have other code in userChrome.css then try with a fresh userChrome.css with only this code.

Hi AIVAS Did you try this CSS code in Firefox 74? *https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_bookmarks.css If you have other code in userChrome.css then try with a fresh userChrome.css with only this code.
هل وجدت هذا مفيدًا؟
Quote
اطرح سؤالا

عليك الولوج إلى حسابك للردّ على المشاركات. من فضلك اطرح سؤالًا جديدًا لو لم يكن لديك حساب بعد.