Problem Darstellung LZ-Symbolleiste

Fox2Fox

Mit diesem Code wird nach Bedarf die LZ-Symbolleiste mehrzeilig dargestellt. Klappt auch soweit, aber wenn nur eine einzige Zeile dargestellt werden soll, weil nicht mehr LZ vorhanden sind, dann wird eine 2.te leere Zeile angezeigt. Wie kann ich das in diesem Code beheben?

[Blockierte Grafik: http://www.bilderload.com/thumb/279146/a1EUACY.jpg]

CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
    /*Multirow Bookmarks Toolbar*/


    #personal-bookmarks
    {
      display:block;
    }


    #personal-bookmarks #PlacesToolbar
    {
      display:block;
      min-height:48px;
      overflow-x:hidden;
      overflow-y:auto;


      
    }


    #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;
    }






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


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




    /* depend on theme */
    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item
    {
      padding-top: 0px;
      padding-bottom: 2px;
      padding-left: 1px;
      padding-right: 1px;
    }
    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
    #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"]
    {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      -moz-padding-start: 0px;
      -moz-padding-end: 0px;
    }
        #personal-bookmarks #PlacesToolbar toolbarseparator
        {
          -moz-appearance: none !important;
          display:inline;     
          padding-top:1px!important;
          padding-bottom:1px!important;

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

Alles anzeigen

2002Andreas

Entfern hier

Code

#personal-bookmarks #PlacesToolbar
    {
      display:block;
      min-height:48px;
      overflow-x:hidden;
      overflow-y:auto;     
    }

das min-height:48px; und teste bitte mal.

Fox2Fox

Zitat von 2002Andreas

Entfern hier...

Vielen Dank Andreas! Das hat geholfen!

2002Andreas

Freut mich, gern geschehen

Fox2Fox

Muss mich noch mal melden.
Jetzt macht sich ein Scrollbalken auf der rechten Seite breit. Die LZ-Symbolleiste ist zweizeilig und ich kann diese scrollen, da etwas vom Inhalt zu hoch ist. Aber was und wie kann ich es abstellen?

[Blockierte Grafik: http://www.bilderload.com/bild/279844/a4U84F7.jpg]

2002Andreas

Teste es doch bitte mal indem du das min-height: 20px; wieder einfügst und nur den Wert anpasst.

Evtl. auch noch mal ein max-height: 54px; zusätzlich und mit den Werten spielen.

Hier funktioniert es damit bzw. die Scrollleiste ist weg.

[Blockierte Grafik: http://www7.pic-upload.de/thumb/09.01.13/1ztzqvqcw9f.jpg]

Fox2Fox

Bekomme durch Veränderung der Werte

Code

min-height:20px;
max-height:50px;

die Scrollleiste nicht weg. Will jetzt nicht willkürlich andere Werte verändern. Hast du eine Idee? Habe den Eindruck, dass die Schaltflächen der einzelnen LZ zu hoch sind. Wie bekomme ich diese denn flacher? Alternativ den gesamten Bereich der LZ-Symbolleiste höher machen.

2002Andreas

Eigenartig :-??

Zitat von Fox2Fox

den gesamten Bereich der LZ-Symbolleiste höher machen.

Das wird ja durch diese beiden Werte gemacht/geändert.

Wenn ich sie ändere sieht es hier so aus

[Blockierte Grafik: http://www7.pic-upload.de/thumb/09.01.13/t53l81vrsfz.jpg]

2002Andreas

Geht auch ohne den Wert min-height und nur mit max-height, teste es bitte auch mal.

2002Andreas

Habe das mal getestet, nur den max Wert genommen, wenn du dann mal 3 Reihen Lesezeichen hast, muss der Wert erhöht werden, bei 4 wieder usw.

Fox2Fox

Habe beide Werte gelöscht

Code

min-height:20px;
max-height:50px;

Aber: Die LZ-Symbolleiste ist testweise dreizeilig. Und wenn ich auf das untere LZ klicke, verändert sich die Höhe. In dem Moment, wo ich draufklicke, verringert sich die Höhe des LZ. Wenn ich die Maustaste loslasse, wird die Höhe wieder größer, so, wie sie vorher war.

Versuche mal den Unterschied hier darzustellen
[Blockierte Grafik: http://www.bilderload.com/bild/279847/hoch3TKPV.jpg]
Höhe ohne Draufzuklicken

[Blockierte Grafik: http://www.bilderload.com/bild/279848/flachNUK1D.jpg]
Höhe wenn draufgeklickt wurde. In dem Moment, wenn ich auf das untere LZ klicke, rutscht die TAB-Leiste ein wenig nach oben.

Fox2Fox

Ich bekomme es nicht hin. Dreizeilig ist die Scrollleiste weg. Zweizeilig ist sie wieder da.

Fox2Fox

Mit diesen Werten scheint es zu klappen

Code

min-height:47px;
max-height:80px;

Teste später noch mal.

Herzlichen Dank!

2002Andreas

Ich sagte ja, wenn dann mit den Werten rumspielen, wobei es hier auch ohne min-height funktioniert.

Ansonsten....bitte, gern geschehen wie immer

2002Andreas

Wobei jetzt bei dir das Problem deiner Erstanfrage wieder auftreten könnte wegen dem min-height bei nur einreihiger Leiste :-??

Teste es also bitte mal nur mit max-height und dem angepassten Wert dann.

Fox2Fox

Wenn ich min-height rausnehme, dann kommt die Scrollleiste wieder.

2002Andreas

Auch wenn du dann den max Wert erhöhst?
Ansonsten lass ihn drin wenn es damit funktioniert bei dir. Denk dann nur dran, bei einreihiger Leiste die Werte zu ändern.

milupo

Nur so eine Idee: Was passiert denn, wenn ihr auch overflow-y: auf hidden setzt?