Hilfe bei Konfiguration der "userChrome.css"

Dinole

Hallo zusammen,

mit Update auf FF 132 ist leider meine geliebte Funktion des automatischen Einblendens der Lesezeichen Sidebar abhanden gekommen. Ich wäre daher sehr dankbar, wenn man mir bei der Aktualisierung der "userChrome.css" helfen könnte.

Der Code, der leider nicht mehr funktioniert, lautet:

CSS

CSS

tab[selected="true"] {
  background-color: rgb(205,69,50) !important;
  color: black !important;
}
tab {
  -moz-appearance: none !important;
}
/* Sidebar per Maushover einblenden */
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
url("chrome://browser/content/browser.xhtml") {

#menu_bookmarksSidebar {
     display: -moz-box !important;
     }

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

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

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

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


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

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

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

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

Alles anzeigen

Ich bedanke mich schon mal vorab für Eure Hilfe!

2002Andreas

Zitat von Dinole

des automatischen Einblendens der Lesezeichen Sidebar

Teste bitte diesen kompl. Code:

CSS

tab[selected="true"] {
         background-color: rgb(205,69,50) !important;
         color: black !important;
}

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
               url("chrome://browser/content/browser.xhtml") {
				   
#sidebar-box {
        position: absolute !important;
        top: 145px;
        bottom: 25px;
        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; 
    }

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

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

Alles anzeigen

Dinole

2002Andreas Ich bedanke mich vielmals für Deine schnelle und kompetente Hilfe!

2002Andreas

Zitat von Dinole

Ich bedanke mich vielmals für Deine schnelle und kompetente Hilfe!

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

Dinole · Screenshot 2025-12-10 091550.png

Guten Morgen, insbesondere an 2002Andreas ,

leider habe ich wieder mal ein Problem mit der userChrome.css, die mir nach dem Update auf FF 146.0 Probleme mit dem Hintergrund bereitet. Wie auf den beigefügten Bildern zu sehen ist, ist der Hintergrund der Lesezeichenliste dermaßen durchsichtig, dass diese bei einer geöffneten Webseite, abhängig von deren Hintergrund, kaum noch zu lesen ist. Ich habe zwar schon diverse RGB-Einstellungen versucht, aber ich schaffe es nicht, den Hintergrund auf undurchsichtig zu stellen.

Der Code lautet:

CSS

tab[selected="true"] {
         background-color: rgb(205,69,50) !important;
}



@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
               url("chrome://browser/content/browser.xhtml") {
				   
#sidebar-box {
  z-index: 1000 !important;
  opacity: 0 !important;
  min-width: 0 !important;
  width: 2px !important;
  transition: .4s linear;
 }

#sidebar-box:hover {
  opacity: 1 !important;
  width: 250px !important;
  transition: .4s linear;
  margin-right: calc(2px - 250px) !important; /*ändern auf left, wenn die Sidebar rechts ist*/
 }
}

Alles anzeigen

Daher wäre ich für eine Hilfestellung sehr dankbar!

2002Andreas

Zitat von Dinole

ein Problem mit der userChrome.css,

Guten Morgen Dinole.

Da funkt dir etwas anderes dazwischen

Mit dem Code sieht das hier so aus:

Hilfe bei Konfiguration der "userChrome.css"

Sören Hentzschel 29. Oktober 2024 um 16:28

Ähnliche Themen

Welchen Selektor bei Screenshot für das untere helle Feld, einschließlich der Button

url-Leiste vergrößert sich bei Klick wieder

Umkehrung der Tab-Reihenfolge in der Tab-Leiste

Radiobuttons und deren Positionierung in verschiedenen Firefox-Versionen

Update von Firefox (106.0.1 (64-Bit): Änderungen der Anzeige des privaten Modus rückgängig machen (erledigt)

Autovervollständigung bei der URL-Suchleiste