Mehrzeilige Lesezeichensymbolleiste

omar1979

Hallo 2002Andreas ich hab diesen Teil der Code gespeichert..

CSS

/* Mehrzeilige Lesezeichen-Symbolleiste */

@-moz-document url("chrome://browser/content/browser.xhtml") {

  #PersonalToolbar {
  min-height: calc(25px * 2) !important; /* damit werden 1 Reihen angezeigt */
  }
  
  #personal-bookmarks,
  #PlacesToolbar,
  #PlacesToolbar > hbox {
  display: flex !important;
  }
  
  #PersonalToolbar toolbarbutton {
  min-height: 25px !important;
  max-height: 25px !important;
  }
  
  #PlacesToolbarItems {
  display: flex !important;
  flex-wrap: wrap !important;
  overflow-x: visible !important;
  overflow-y: auto !important;
  }
  
  #PlacesToolbarItems {
  -moz-window-dragging: no-drag !important;
  }
  
  #PlacesToolbar #PlacesChevron {
  display: none;
  }
}

Alles anzeigen

habs auch so eingestellt, dass 2 Zeilen im Lesezeichen-Symbolleiste angezeigt werden, aber kann man in die 2.te Zeile erst Sachen hinschieben, wenn die 1.te Zeile voll ist?

Habs versucht Sachen hinzuschieben aber hat nicht angenommen..

2002Andreas

Zitat von omar1979

kann man in die 2.te Zeile erst Sachen hinschieben, wenn die 1.te Zeile voll ist?

Ja, wozu sollte eine weitere Zeile denn sonst Sinn machen

Zitat von omar1979

aber hat nicht angenommen.

Sieht hier so aus bei mehreren Reihen:

omar1979

Zitat von 2002Andreas

Sinn machen

ich hab halt gern, wenn es einige Abstände hat.

Aber danke für den Hinweis.

2002Andreas

Zitat von omar1979

wenn es einige Abstände hat.

Ansonsten teste diesen Code mal, evtl. gefällt er dir ja besser.

CSS

@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {


/*  Mehrzeilige Lesezeichen-Symbolleiste  */ 
#PersonalToolbar,
#PlacesToolbarItems {
   max-height: calc(20px * 9) !important;
   min-height: 20px !important;
}

#PlacesToolbar > hbox {
   display: block;
}

#PersonalToolbar toolbarbutton {
   max-height: 20px !important;
   min-height: 20px !important;
   margin: 0 1px !important;
}

#PlacesToolbarItems {
   display: flex;
   flex-wrap: wrap;
   overflow-x: visible;
   overflow-y: auto;
}

#PlacesToolbarItems > scrollbar {
   -moz-window-dragging: no-drag;
}

#PlacesToolbar #PlacesChevron {
   display: none;
}
}

Alles anzeigen

PS:

Ich habe deine Frage mal abgetrennt, da sie nichts mit dem anderen Thema zu tun hat.

omar1979

Zitat von 2002Andreas

anderen Thema zu tun hat.

Danke.

Zitat von 2002Andreas

teste diesen Code

Das hat wieder alles verkleinert

2002Andreas

Zitat von omar1979

Das hat wieder alles verkleinert

Sieht hier so damit aus:

omar1979

Zitat von 2002Andreas

so damit aus:

Ich versuchs mal es in einer separaten CSS-Datei einzubinden..

2002Andreas

Zitat von omar1979

Ich versuchs mal

Der erste Code sieht hier so aus wenn ich nur wenige Lesezeichen habe.

Die 2te Reihe wird dann trotzdem angezeigt.

omar1979

Danke dir 2002Andreas

2002Andreas

Zitat von omar1979

Danke dir

Gerne doch

omar1979

wie kann ich den unteren Rand (unter den Icon's) umstellen, dass es genauso viel Platz hat wie auf den Icon's?

hab überall wo 20px steht auf 25px gestellt aber immernoch gleich.

2002Andreas

Zitat von omar1979

wie kann ich den unteren Rand

Zeile 6 den Wert mal auf 45px gestellt, sieht dann hier so aus:

Den Wert musst du dir dann natürlich anpassen.

omar1979

Zitat von 2002Andreas

natürlich anpassen.

Hab Zeile 6 sogar 90px gemacht.. wenn nur 1 Zeile habe, ist es immer noch gleich.

und es hat einen schwarzen Rand unten..

2002Andreas

Zitat von omar1979

ist es immer noch gleich.

Dann funkt dir ein anderer Code dazwischen

Ansonsten auf deinem Screenshot ist zu sehen:

max-height: calc(20px * 9) !important;

Da muss in diesem Fall min-height stehen, und den Wert musst du natürlich auch anpassen.

omar1979

Zitat von 2002Andreas

Code dazwischen

hmm.. kA welche es sein kann..

2002Andreas

Zitat von omar1979

kA welche es sein kann..

Siehe bitte meinen Nachtrag im Beitrag Nr. 14

milupo

Ist das überhaupt die Lesezeichenleiste? Sieht eher aus wie die Navigationsleiste mit größerer Höhe. Ist denn die Lesezeichenleiste überhaupt eingeblendet?

omar1979

Zitat von milupo

überhaupt eingeblendet?

Zitat von 2002Andreas

Ansonsten auf deinem Screenshot ist zu sehen:

max-height: calc(20px * 9) !important;

Da muss in diesem Fall min-height stehen, und den Wert musst du natürlich auch anpassen.

Hab das jetzt so gemacht.. funkt aber nicht.

CSS

   /* Mehrzeilige Lesezeichen-Symbolleiste */
   @-moz-document url("chrome://browser/content/browser.xhtml") {
   #PersonalToolbar,
   #PlacesToolbarItems {
     min-height: calc(45px * 9) !important;
     max-height: 90px !important;
   }
  
   #PlacesToolbar > hbox {
     display: block;
   }
  
   #PersonalToolbar toolbarbutton {
     max-height: 90px !important;
     min-height: 45px !important;
     margin: 0 1px !important;
   }
  
   #PlacesToolbarItems {
     display: flex;
     flex-wrap: wrap;
     overflow-x: visible;
     overflow-y: auto;
   }
  
   #PlacesToolbarItems > scrollbar {
     -moz-window-dragging: no-drag;
   }
  
   #PlacesToolbar #PlacesChevron {
     display: none;
   }
   }

Alles anzeigen

milupo

Zitat von 2002Andreas

Ansonsten auf deinem Screenshot ist zu sehen:

max-height: calc(20px * 9) !important;

Da muss in diesem Fall min-height stehen, und den Wert musst du natürlich auch anpassen.

In deinem Code aus Beitrag #4 steht da aber max-height.

omar1979

hab es umgeändert