Seit dem neuesten Release 132 funktioniert die Sidebar per hover nicht mehr

Cru123

Hallo!

Seid dem neusten Release 132 funktioniert die Sidebar nicht mehr. Gibt es dazu schon eine Lösung?

MfG

2002Andreas

Zitat von Cru123

Gibt es dazu schon eine Lösung?

Hallo und Willkommen hier im Forum. 😊

Teste bitte mal, Werte evtl. für dich noch anpassen:

CSS

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

#sidebar-box {
        position: absolute !important;
        top: 146px;
        bottom: 1px;
        width: 230px !important; 
        z-index: 100 !important;
        opacity: 0 !important;
        margin-left: -229px !important;
        transition: margin-left .5s linear .4s, opacity .6s ease-in .2s !important;
	}

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

Alles anzeigen

PS:

Ich habe deine Frage aus dem anderen mal Thread abgetrennt, und in einen neuen eigenen verschoben.

Cru123

Hi Andreas

Super, funktioniert einwandfrei.

Danke für die schnelle Hilfe.

Gruß Andy

2002Andreas

Zitat von Cru123

Danke für die schnelle Hilfe.

Freut mich wenn ich dir damit helfen konnte, war gern geschehen

testerer

Hallo zusammen,

mein Code funktioniert ebenfalls nicht mehr. Kann jemand den folgenden Code anpassen, damit das Aussehen/die Funktion genau wie vorher ist?

CSS

#sidebar-main > sidebar-main {
        display: none !important;
    }	


#sidebar-box {
  margin-left: -4.5px !important; /*Abstand zum Rand links, evtl. anpassen*/
  position: relative;
  min-width: 0 !important;
  max-width: 0 !important;
  z-index: 1;
}

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

#sidebar-search-container {
    display: none !important;
    }


#sidebar {
  background-color: #d1cdc8 !important; /*Hintergrundfarbe vom Theme*/
  border-right: 5px solid transparent !important; /*Rahmen rechts für die Mausberührung, wichtig bei eigener Farbe für den Hintergrund der Sidebar*/  
  transition: min-width 150ms linear 0s !important; /*Zeit für raus/rein*/
  min-width: 0 !important; 
}

#sidebar-box:hover > #sidebar-header,
#sidebar-box:hover > #sidebar {
  min-width: 230px !important;
  transition-delay: 100ms !important; /*Zeit für raus*/
}
    
#tabbrowser-tabbox {
  margin-left: 1px !important;
    }

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

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

Alles anzeigen

2002Andreas

Zitat von testerer

mein Code funktioniert ebenfalls nicht mehr.

Hast du den aus Beitrag Nr. 2 denn mal getestet?

testerer

Ja, aber das sieht dann ein wenig anders aus bzw. die Einlendung ist anders.

2002Andreas

Zitat von testerer

ein wenig anders

Teste bitte:

CSS

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

#sidebar-box {
        position: absolute !important;
        top: 146px;
        bottom: 1px;
        width: 230px !important; 
        z-index: 100 !important;
        opacity: 0 !important;
        margin-left: -229px !important;
        background-color: #d1cdc8 !important; /*Hintergrundfarbe vom Theme*/
        border-right: 5px solid transparent !important; /*Rahmen rechts für die Mausberührung, wichtig bei eigener Farbe für den Hintergrund der Sidebar*/  
        transition: min-width 150ms linear 0s !important; /*Zeit für raus/rein*/
	}

#sidebar-box:hover {
        opacity: 1 !important;
        margin-left: 0 !important;
        transition-delay: 100ms !important; /*Zeit für raus*/
    }
}

Alles anzeigen

testerer

Vielen Dank dir.

2002Andreas

Zitat von testerer

Vielen Dank dir.

Gerne doch

2002Andreas 2. November 2024 um 19:10