Sidebar rechts per hover geht nicht mehr

geldhuegel

2002Andreas ,

nachdem meine Sidebar mit einem alten Code von dir im FF132 nicht mehr sichtbar war habe ich im Camp gesucht und deinen Code gefunden. Das passt prima! Jedoch hat mir dein alter Code die Sidebar rechts angezeigt (war damals mein extra Wunsch). Ginge das mit dem o.g Code auch und was muss dazu geändert werden?

Im voraus schon mal vielen Dank.

milupo

Eigentlich müsste doch ein Klick oben auf den Pfeil neben dem Auswahlfeld (bei dir sicherlich Lesezeichen) genügen. Da gibt es einen Eintrag, mit dem du die Sidebar nach rechts verschieben kannst.

2002Andreas

Zitat von geldhuegel

die Sidebar rechts angezeigt

Hallo geldhuegel ...

teste bitte mal:

CSS

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

#sidebar-box {
        position: relative !important;
        top: 0px;
        bottom: 0px;
        min-width: 0px !important;
        max-width: 280px !important; 
        z-index: 100 !important;
        opacity: 0 !important;
        margin-left: -295px !important;
        transition: margin-left .5s linear .4s, opacity .6s ease-in .2s !important;
	}

#sidebar-box:hover {
        opacity: 1 !important;
        transition: margin-left .66s !important; 
    }

#sidebar {
	    box-shadow: none !important;
	    border-radius: 0 !important;
	    border: none !important;
        position: absolute !important;
    }	
    
#sidebar-splitter {
       display: none !important;
    } 	
}

Alles anzeigen

Erst die Sidebar nach rechts verschieben:

Dann den Code nutzen.

geldhuegel

Das habe ich schon gemacht, aber sie bleibt immer links.

Dies ist der bisherige Code:

CSS

/*Sidebar per hover ausfahren*/

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

#menu_bookmarksSidebar {
     display: flex !important;
     }

#bookmarks-view-children {
     margin-top: -120px !important;
     margin-left: -15px !important;
    }

.sidebar-placesTreechildren::-moz-tree-separator {
    margin: 0px 500px !important;
    }

#sidebar-box {
    display: block !important;
    position: fixed!important;
    top: 125px;
    right: 0px;
    bottom: 0px;
    width: 0px !important;
    overflow-x: hidden !important;
    appearance: none !important;
    border: 1px solid transparent !important;
    border-left: 0 !important;
    opacity: 0 !important;
    transition: width .2s ease-out 3.2s, opacity .2s ease-out 3.2s !important;
    }

#sidebar-box:hover {
    z-index: 3 !important;
    width: 350px !important; 
    opacity: 1 !important;
    transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
	}
    
#appcontent {
  margin-right: 1px !important;
    }

#sidebar-splitter {
    display: none !important;
    }

#sidebar {
    display: block !important;
    width: 100% !important;
    height:100%;
    }
}

Alles anzeigen

milupo

Auf die Schnelle sehe ich, dass du in Zeile 21 position: fixed hast. Mit fixed nagelst du die Sidebar fest. Verwende stattdessen wie Andreas oben in Zeile 5 den Wert relative.

geldhuegel

Danke, aber bitte beachten: in #10 ist mein alter Code, der gar keine Sidebar mehr anzeigt. Wenn ich deinen Rat in meinem alten CSS befolge erscheint die Sidebar wieder. Aber beim hovern wird die ganze Seite nach links verschoben. Das möchte ich nicht.

Deswegen habe ich den neuen von 2002Andreas genommen. Der funktioniert bestens, die Sidebar bleibt aber immer links.

2002Andreas

Zitat von geldhuegel

die Sidebar bleibt aber immer links.

Hallo geldhuegel ,

ich habe deine Frage mal abgetrennt, und in ein neues Thema verschoben.

Konntest du das Problem denn inzwischen lösen, ist die Sidebar jetzt wieder rechts bei dir?