Mrrrr's Forum (VIEW ONLY)
Un forum care ofera solutii pentru unele probleme legate in general de PC. Pe langa solutii, aici puteti gasi si alte lucruri interesante // A forum that offers solutions to some PC related issues. Besides these, here you can find more interesting stuff.
Lista Forumurilor Pe Tematici
Mrrrr's Forum (VIEW ONLY) | Reguli | Inregistrare | Login

POZE MRRRR'S FORUM (VIEW ONLY)

Nu sunteti logat.
Nou pe simpatie:
alyna2408 Profile
Femeie
25 ani
Botosani
cauta Barbat
26 - 60 ani
Mrrrr's Forum (VIEW ONLY) / Tutoriale si Ghiduri Utile // Tutorials and useful guides / [FIREFOX] Multi-line Bookmarks on the Bookmark Bar Moderat de TRaP, TonyTzu
Autor
Mesaj Pagini: 1
Mrrrr
AdMiN

Inregistrat: acum 17 ani
Postari: 2228
Save the following text as a file named userChrome.css (note the extension is not .txt, but .css).

Place it in %appdata%\Mozilla\Firefox\Profiles\PROFILENAME.default\chrome folder (if chrome folder doesn't exist, simply create it). Also replace PROFILENAME with your profile name in the Profiles folder.

The code below is the modified version of the css code in post #2.

I edited it to be able to also see separators (original code had them "invisible") and more than 2 rows (original code only showed 2 rows). I colored 5 important comments, but make sure your read all comments.



/* Do not remove the @namespace line -- it's required for correct functioning */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set 30px namespace to XUL */

/* this part makes you have as many rows as needed depending on the number of bookmarks you have - if you disable the snippet below you will just have 2 rows */
#PersonalToolbar {
  min-height: unset !important;
  max-height: unset !important;
  /* text-align: center !important; */ /* using this line you can align bookmarks to center */
}

/*--- Multi Row ---*/ /* Disabling this part will disable the 2 rows */
#personal-bookmarks
{
  display: block !important;
}

#personal-bookmarks #PlacesToolbar
{
  display: block !important;
  min-height: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 999px;
}

#personal-bookmarks #PlacesToolbar > hbox
{
  display: -moz-stack !important;
  left: 0px;
  right: 0px;
  width: 100%;
}

/*--- Multi Row ---*/ /* Disabling this part will also disable the 2 rows */
#personal-bookmarks #PlacesToolbar #PlacesToolbarItems
{
  display:block; /* this line was disabled but can't see any difference when enabling it */
  overflow-x: visible;
  overflow-y: visible;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box
{
  display: block !important;
}

#personal-bookmarks #PlacesToolbar > .bookmark-item
{
  visibility: visible !important;
}

#personal-bookmarks #PlacesToolbar .chevron
{
  display: none;
}

#personal-bookmarks #PlacesToolbar > hbox > hbox
{
  overflow-x: hidden;
  overflow-y: hidden;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"]
{
  display: none;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator
{
  display: none;
}

/* Spacing between icons is padding-left and padding-right */
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item
{
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px !important;
  padding-right: 2px !important;
}

#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"]
{
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  -moz-padding-start: 4px;
  -moz-padding-end: 2px;
}

/* Modify border-left and border-right to 0 or 1 px to hide the separators */
#personal-bookmarks #PlacesToolbar toolbarseparator
{
  -moz-appearance: none !important;
  visibility: visible !important;
  display: inline;
  text-shadow: none !important;
  border-left: 3px solid #000 !important;
  border-right: 3px solid #666 !important;
  vertical-align: middle;
}

#personal-bookmarks toolbarbutton.bookmark-item[dragover][open]
{
  -moz-appearance: toolbarbutton;
}


_______________________________________


pus acum 3 ani
   
Mrrrr
AdMiN

Inregistrat: acum 17 ani
Postari: 2228
Original version of the above, less space between icons, more fitting on the bar:


/* Do not remove the @namespace line -- it's required for correct functioning
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set 30px namespace to XUL */

/*--- Multi Row ---*/
#personal-bookmarks
{
  display: block !important;
}

#personal-bookmarks #PlacesToolbar
{
  display: block !important;
  min-height: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 999px;
}

#personal-bookmarks #PlacesToolbar > hbox
{
  display: -moz-stack !important;
  left: 0px;
  right: 0px;
  width: 100%;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems
{
  /*display:block;*/
  overflow-x: visible;
  overflow-y: visible;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box
{
  display: block !important;
}

#personal-bookmarks #PlacesToolbar > .bookmark-item
{
  visibility: visible !important;
}

#personal-bookmarks #PlacesToolbar .chevron
{
  display: none;
}

#personal-bookmarks #PlacesToolbar > hbox > hbox
{
  overflow-x: hidden;
  overflow-y: hidden;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"]
{
  display: none;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator
{
  display: none;
}

#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item
{
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 1px !important;
  padding-right: 1px !important;
}

#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"]
{
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  -moz-padding-start: 4px;
  -moz-padding-end: 2px;
}

#personal-bookmarks #PlacesToolbar toolbarseparator
{
  -moz-appearance: none !important;
  visibility: visible !important;
  display: inline;
  text-shadow: none !important;
  border-left: 2px solid #000 !important;
  border-right: 1px solid #666 !important;
  vertical-align: middle;
}

#personal-bookmarks toolbarbutton.bookmark-item[dragover][open]
{
  -moz-appearance: toolbarbutton;
}


Source and various other options (auto-hide, hide names)


_______________________________________


pus acum 3 ani
   
Mrrrr
AdMiN

Inregistrat: acum 17 ani
Postari: 2228
Another version



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

For Firefox 57 to 65:
/* Multi-Row Bookmarks Toolbar */
#PersonalToolbar {
/* Provide room for up to 4 rows at 26px */
max-height: 104px !important;
}

#PlacesToolbarItems > box {
display: inline-block !important;
}

#PersonalToolbar #PlacesToolbarItems {
/* Override hiding */
overflow-x: visible !important;
overflow-y: visible !important;
/* Add a little cushion */
padding-bottom: 1px;
}

#PersonalToolbar #PlacesToolbarItems .bookmark-item {
/* Reduce padding on individual bookmarks to fit rows closer together */
padding-top: 1px !important;
padding-bottom: 1px !important;
}


Source and more info:


_______________________________________


pus acum 3 ani
   
Pagini: 1  

Mergi la