mehrzeilige Lesezeichensymbolleiste

Fox2Fox

Zitat von Spiderman-21

Stylish 1.3.3 ist auch installiert.

Dann mach mal ein Update auf die Version 1.4.0

2002Andreas:
Bisher habe ich für die mehrzeilige Lesezeichensymbolleiste diesen Code verwendet. Dein Code ist viel kürzer.
Habe ich Ballast?

CSS

#TabsToolbar
            {
            margin-top:-2px !important
            }


            .bookmark-item
            {
            margin-top:2px !important
            }


            #personal-bookmarks
            {
              display:block;
            }


            #personal-bookmarks #PlacesToolbar
            {
              display:block;
              min-height: 0px!important;     
              max-height: 69px!important ;


            }


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


            #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: 3px;
              padding-right: 3px;
            }
            #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: 3px solid ThreeDShadow !important;
              border-right: 3px solid ThreeDHighlight !important;
              vertical-align: middle;


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

Alles anzeigen

2002Andreas

Hallo Fox2Fox..

habe deinen Code mal getestet, damit werden z.B. auch die Icons in der Leiste nach oben verschoben.

CSS

#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: 3px;
                  padding-right: 3px;
                }
                #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: 3px solid ThreeDShadow !important;
                  border-right: 3px solid ThreeDHighlight !important;
                  vertical-align: middle;


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

Alles anzeigen

Für die reine Anzeige der zusätzlichen Leiste reicht das aus.

CSS

#TabsToolbar
                {
                margin-top:-2px !important
                }


                .bookmark-item
                {
                margin-top:2px !important
                }


                #personal-bookmarks
                {
                  display:block;
                }


                #personal-bookmarks #PlacesToolbar
                {
                  display:block;
                  min-height: 0px!important;     
                  max-height: 69px!important ;


                }


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


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


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

Alles anzeigen

Zitat von Fox2Fox

Dann mach mal ein Update auf die Version 1.4.0

Zitat von Spiderman-21

auch sofort ein Update gemacht!

:wink:

Fox2Fox

Zitat von 2002Andreas

Für die reine Anzeige der zusätzlichen Leiste reicht das aus.

Danke! Werde ich mal testen.

Das Problem in der Vergangenheit war ja, dass bei manchen Seiten sich die untere von zwei Reihen ausgeblendet hat.

Gerade nach einem Klicken auf den Zurück-Button bei http://www.rp-online.de/

Merke gerade bei *deinem Code, dass sich bei einem Klick auf einen Ordner in der Lesezeichensymbolleiste die gesamte Leiste ein wenig nach unten bewegt. Somit wird der Abstand zwischen Lesezeichensymbolleiste und Menüleiste etwas vergrößert. :-??

Möchte mich hier aber nicht an den fremden Thread hängen.

* Text eingefügt

2002Andreas

Zitat von Fox2Fox

Somit wird der Abstand zwischen Lesezeichensymbolleiste und Menüleiste etwas vergrößert.

Das liegt am ersten Teil des Codes den du nicht wirklich brauchst.

Zitat von Fox2Fox

Möchte mich hier aber nicht an den fremden Thread hängen.

Ich mache mal einen neuen Thread auf.

2002Andreas

Ich habe die Maße mal etwas übertrieben damit du es erkennen kannst.

Beim anklicken vergößert sich der Button und verschiebt dadurch die Leisten.

[Blockierte Grafik: http://www7.pic-upload.de/thumb/14.11.13/ym3ehb4jv8v1.jpg]

Fox2Fox

Zitat von 2002Andreas

Das liegt am ersten Teil des Codes den du nicht wirklich brauchst.

Ja, damit meinte ich aber deinen Code.
Also diesen:

CSS

#TabsToolbar
                {
                margin-top:-2px !important
                }


                .bookmark-item
                {
                margin-top:2px !important
                }


                #personal-bookmarks
                {
                  display:block;
                }


                #personal-bookmarks #PlacesToolbar
                {
                  display:block;
                  min-height: 0px!important;     
                  max-height: 69px!important ;


                }


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


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


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

Alles anzeigen

Sorry - habe den Text zuvor ohne Kennzeichnung verbessert.

Mit meinem Code gibt es keine Verschiebung.

Danke für die Abtrennung.

2002Andreas

Zitat von Fox2Fox

Mit meinem Code gibt es keine Verschiebung.

Stimmt, habe ich eben auch bemerkt. Liegt an diesem zusätzlichen Eintrag:

CSS

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


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

Alles anzeigen

Dann lass deinen Code am besten so wie er ist.

Fox2Fox

Zitat von 2002Andreas

Dann lass deinen Code am besten so wie er ist.

Mach ich - Danke!