Sidebar CSS wird nicht umgesetzt

Boersenfeger

Moin, seit gestern sieht meine einzublendende Sidebar nicht mehr aus, wie es sein soll:

Nightly:

Release

Folgende CSS wird in beiden Versionen verwendet:

CSS

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

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

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

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

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

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

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

/* Beschriftungsende anpassen */
treechildren::-moz-tree-cell,
treechildren::-moz-tree-cell-text {
    margin-inline-end: -8px !important;
}

/* Lesezeichensidebar Icon-Abstand zur linken Seite */
.sidebar-placesTreechildren[view="bookmarks-view"] {
    margin-left: -10px !important;
}

/* Lesezeichensidebar Icon-Abstand */
#bookmarks-view-children:-moz-tree-image {
    margin-right: 5px !important;
}

/* Suchsymbol in der Sidebar ausblenden */

#input[type="search"] {
  padding-inline-start: var(--space-medium) !important;
  background-image: none !important;
}

/* Suchleiste Schrift-Größe einstellen */
.sidebar-placesTreechildren,
sidebarheader,
#sidebar-search-label,
#search-box {
    font-size: 16px !important;
    font-family: Comic Sans MS, sans-serif !important;
}

/* Sidebar Hintergrundfarbe */

#sidebar {
    background: #c1e7bb !important;
    opacity: 1 !important;
}

/* Lesezeichen-Sidebar Suchfeld und auch Haupt-Suchfeld ohne Eintrag */
::placeholder {
    color: transparent !important;
}

/* Lesezeichen Sidebar öffnende Dreiecke entfernen */
#bookmarksPanel treechildren::-moz-tree-twisty(closed),
#bookmarksPanel treechildren::-moz-tree-twisty(open) {
    height: 0!important;
    width: 0!important;
    display: none!important;
}

/* Lesezeichen verwalten */
treechildren::-moz-tree-image(container) {
    list-style-image: url('data:image/gif;base64,R0lGODlhEAAQAOZMAP/////MAF06AJhlAJNgAP//AP/lAP/UAJViAP/JANShAJRhAP/OAJRgAOy5AMaSAP/nAMyZAP/IAP/NAOazAP/RAMmVALaAAH5TAJNfAM2aAP/dT//XOv/KAOPOkMeRAP/nhOSxAOu4AP3KAOrTkv/nrv//1c6bAKdyAP/TAP/bPdWsMr6LA7iCALqGALiEAJNeAMCMAP/gcv/eYdGdAP/TEP/mgv/2y//gg/3JAP/ila97AP/aKsWPAJFbAJZgALeBAMiVAPC9AP/rOum2AHlQAP/4zP//z//jPpNdAP/LANixNP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEwALAAAAAAQABAAAAefgEyCg4SFhoeFDQ0LjIiCCyU5IwEBBAiXCAOEBDohFBREIg6jQgibODQKqgonDz0fPkkwDQMEMhYRERpBMUsAv8C1Mw8uLUAXKwA2EgkJDJoEGy8swAAgCZQMz0wEKigkN8wJHZQBFZrcPDsAHErllBMT6AQ1HkYVKQf6++hMGUgAhhgYSBAChH4/TBwpwLAhw35MMAiYSLFiEUcYmQQCADs=') !important;
}

/* Zeilenhöhe reduzieren */
.sidebar-placesTree treechildren::-moz-tree-row,
.placesTree treechildren::-moz-tree-row {
    min-height: 20px !important;
}

/* Ordner aus der Sidebar ausblenden */
.sidebar-placesTreechildren[view="bookmarks-view"] {

    margin-top: -10px!important;
}

/* Fokusring um Ordner entfernen */
treechildren {
    --default-focusring: 0px !important;
}

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

Alles anzeigen

Findet jemand den Fehler?

.DeJaVu

Wenn's nur das ist - ich gehe davon aus, dass Zeile 95 ein Bild beinhaltet.

CSS

/* Fx 158+ */

details summary, .bookmark-folder-label {
  &::before {
    background-image: url('data:image/gif;base64,R0lGODlhEAAQAOZMAP/////MAF06AJhlAJNgAP//AP/lAP/UAJViAP/JANShAJRhAP/OAJRgAOy5AMaSAP/nAMyZAP/IAP/NAOazAP/RAMmVALaAAH5TAJNfAM2aAP/dT//XOv/KAOPOkMeRAP/nhOSxAOu4AP3KAOrTkv/nrv//1c6bAKdyAP/TAP/bPdWsMr6LA7iCALqGALiEAJNeAMCMAP/gcv/eYdGdAP/TEP/mgv/2y//gg/3JAP/ila97AP/aKsWPAJFbAJZgALeBAMiVAPC9AP/rOum2AHlQAP/4zP//z//jPpNdAP/LANixNP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEwALAAAAAAQABAAAAefgEyCg4SFhoeFDQ0LjIiCCyU5IwEBBAiXCAOEBDohFBREIg6jQgibODQKqgonDz0fPkkwDQMEMhYRERpBMUsAv8C1Mw8uLUAXKwA2EgkJDJoEGy8swAAgCZQMz0wEKigkN8wJHZQBFZrcPDsAHErllBMT6AQ1HkYVKQf6++hMGUgAhhgYSBAChH4/TBwpwLAhw35MMAiYSLFiEUcYmQQCADs=') !important;
  }
}

Für mich wäre es

CSS

/* Fx 158+ */

details summary, .bookmark-folder-label {
  &::before {
    background-image: url("./../image/folder-item.png") !important;
  }
}

Boersenfeger

Danke für den Versuch!
Ändert hier aber nix, ebenso funktioniert auch das Aufrufen eines Lesezeichens in einem neuen Tab nicht mehr. Der aktuelle Tab wird dann überschrieben.

2002Andreas

Zitat von Boersenfeger

ebenso funktioniert auch das Aufrufen eines Lesezeichens in einem neuen Tab nicht mehr. Der aktuelle Tab wird dann überschrieben.

Kann ich hier in 2 Nightly nicht bestätigen, wäre aber auch etwas für einen eigenen Thread.

Zitat von Boersenfeger

Findet jemand den Fehler?

Es gibt nicht den einen Fehler, dein kompl. Code ist für Fx 158 hinfällig, weil es für fast alles neue Bezeichnungen gibt

Hover aus deinem Code funktioniert ja auch nicht mehr.

Boersenfeger

Hm, das Hovern klappt hier einwandfrei, wenn ich mich mit der Maus dem linken Seitenrand nähere, öffnet sich die Sidebar wie erwartet, nur die Dinge darin stellen sich halt anders dar. Dein Filmchen kann ich nicht einordnen, hier ist keine Lesezeichensymbolleiste aktiviert!
Mag jemand den Code aktualisieren? Ich kann das nicht...

.DeJaVu

Zum Symbol

Die letzte Änderung zum Ordnersymbol hatte ich für Firefox 143, in der Toolbar. Ansonsten nahezu unverändert das CSS von Aris.

Wobei ich grad hier sehe, dass "Lesezeichen-Menü" das Symbol unterschiedlich ist. Da mus sich wohl nacharbeiten.

Nachtrag

CSS

/* Fx 158+ */

details summary, .bookmark-folder-label:not([data-guid="menu________"]) {
  &::before {
    background-image: url("./../image/folder-item.png") !important;
  }
}

.bookmark-folder-label[data-guid="menu________"] {
  &::before {
    background-image: url("./../image/bookmarksMenu.png") !important;
    margin-bottom: -3px !important;
  }
}

Alles anzeigen

Bilder muss jeder selbst eintragen, entweder mit Pfad wie hier, oder als base64 wie bei Boersenfeger.

Zum Hovern kann ich nichts sagen. Muss ich mir erarbeiten.

Nachtrag: Hovern klappt, aber dafür muss die Sidebar bei mir angezeigt werden, ohne bleibt das Feld komplett leer (bzw lindgrün und leer).

Mit Sidebar, also via Button aktiviert, aber unsichtbar:

CSS

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

(vergleiche Zeile 5-7)

Tut es das, sowohl für Lesezeichen als auch Chronik.

(Ohne Symbol-Korrektur)

2002Andreas

Zitat von Boersenfeger

Mag jemand den Code aktualisieren?

Teste bitte mal diesen kompl. Code, ob er zumindest so ungfähr passt.

Ich könnte mir vorstellen, dass Mozilla an der Sidebar auch noch arbeitet.

CSS

@media -moz-pref("browser.nova.enabled") {
	
::placeholder  {
    color: transparent !important;
}

.sidebar-panel-heading {
	display: none !important;
}
	
details summary, 
.bookmark-folder-label,
.fxview-tab-row-main,
.fxview-tab-row-title {
    font-size: 16px !important;
    font-family: Comic Sans MS, sans-serif !important;
}

#input {
  &[type="search"] {
    &.with-icon {
	font-size: 16px !important;
    font-family: Comic Sans MS, sans-serif !important;
 }
  }
}	

.sidebar-panel {
    background: #c1e7bb !important;
}

details {
	margin-top: -3px !important;
	margin-left: -8px !important;
}

details summary {
  &::before {
    content: "" !important;
    display: none !important;
 }
}

details summary, .bookmark-folder-label {
  &::before {
    background-image: url("data:image/gif;base64,R0lGODlhEAAQAOZMAP/////MAF06AJhlAJNgAP//AP/lAP/UAJViAP/JANShAJRhAP/OAJRgAOy5AMaSAP/nAMyZAP/IAP/NAOazAP/RAMmVALaAAH5TAJNfAM2aAP/dT//XOv/KAOPOkMeRAP/nhOSxAOu4AP3KAOrTkv/nrv//1c6bAKdyAP/TAP/bPdWsMr6LA7iCALqGALiEAJNeAMCMAP/gcv/eYdGdAP/TEP/mgv/2y//gg/3JAP/ila97AP/aKsWPAJFbAJZgALeBAMiVAPC9AP/rOum2AHlQAP/4zP//z//jPpNdAP/LANixNP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEwALAAAAAAQABAAAAefgEyCg4SFhoeFDQ0LjIiCCyU5IwEBBAiXCAOEBDohFBREIg6jQgibODQKqgonDz0fPkkwDQMEMhYRERpBMUsAv8C1Mw8uLUAXKwA2EgkJDJoEGy8swAAgCZQMz0wEKigkN8wJHZQBFZrcPDsAHErllBMT6AQ1HkYVKQf6++hMGUgAhhgYSBAChH4/TBwpwLAhw35MMAiYSLFiEUcYmQQCADs=") !important;
  }
} 
	
details > summary {	 
	background-image:url("data:image/gif;base64,R0lGODlhEAAQAOZMAP/////MAF06AJhlAJNgAP//AP/lAP/UAJViAP/JANShAJRhAP/OAJRgAOy5AMaSAP/nAMyZAP/IAP/NAOazAP/RAMmVALaAAH5TAJNfAM2aAP/dT//XOv/KAOPOkMeRAP/nhOSxAOu4AP3KAOrTkv/nrv//1c6bAKdyAP/TAP/bPdWsMr6LA7iCALqGALiEAJNeAMCMAP/gcv/eYdGdAP/TEP/mgv/2y//gg/3JAP/ila97AP/aKsWPAJFbAJZgALeBAMiVAPC9AP/rOum2AHlQAP/4zP//z//jPpNdAP/LANixNP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEwALAAAAAAQABAAAAefgEyCg4SFhoeFDQ0LjIiCCyU5IwEBBAiXCAOEBDohFBREIg6jQgibODQKqgonDz0fPkkwDQMEMhYRERpBMUsAv8C1Mw8uLUAXKwA2EgkJDJoEGy8swAAgCZQMz0wEKigkN8wJHZQBFZrcPDsAHErllBMT6AQ1HkYVKQf6++hMGUgAhhgYSBAChH4/TBwpwLAhw35MMAiYSLFiEUcYmQQCADs=") !important;
 }
}
 
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
               url("chrome://browser/content/browser.xhtml") {

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

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

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

Alles anzeigen

2002Andreas

geht auch etwas kürzer noch

CSS

@media -moz-pref("browser.nova.enabled") {
	
::placeholder {
    color: transparent !important;
}

.sidebar-panel-heading {
	display: none !important;
}
	
details summary, 
.bookmark-folder-label,
.fxview-tab-row-main,
.fxview-tab-row-title {
    font-size: 16px !important;
    font-family: Comic Sans MS, sans-serif !important;
}

#input {
  &[type="search"] {
    &.with-icon {
	font-size: 16px !important;
    font-family: Comic Sans MS, sans-serif !important;
 }
  }
}	

.sidebar-panel {
    background: #c1e7bb !important;
}

details {
	margin-top: -3px !important;
	margin-left: -8px !important;
}

details summary {
  &::before {
    content: "" !important;
    display: none !important;
 }
}

details > summary,
.bookmark-folder-label::before { 
    background-image: url("data:image/gif;base64,R0lGODlhEAAQAOZMAP/////MAF06AJhlAJNgAP//AP/lAP/UAJViAP/JANShAJRhAP/OAJRgAOy5AMaSAP/nAMyZAP/IAP/NAOazAP/RAMmVALaAAH5TAJNfAM2aAP/dT//XOv/KAOPOkMeRAP/nhOSxAOu4AP3KAOrTkv/nrv//1c6bAKdyAP/TAP/bPdWsMr6LA7iCALqGALiEAJNeAMCMAP/gcv/eYdGdAP/TEP/mgv/2y//gg/3JAP/ila97AP/aKsWPAJFbAJZgALeBAMiVAPC9AP/rOum2AHlQAP/4zP//z//jPpNdAP/LANixNP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEwALAAAAAAQABAAAAefgEyCg4SFhoeFDQ0LjIiCCyU5IwEBBAiXCAOEBDohFBREIg6jQgibODQKqgonDz0fPkkwDQMEMhYRERpBMUsAv8C1Mw8uLUAXKwA2EgkJDJoEGy8swAAgCZQMz0wEKigkN8wJHZQBFZrcPDsAHErllBMT6AQ1HkYVKQf6++hMGUgAhhgYSBAChH4/TBwpwLAhw35MMAiYSLFiEUcYmQQCADs=") !important;
 }
}

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

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

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

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

Alles anzeigen

Boersenfeger

Danke, leider ändert sich nichts, nur das auch die Anzeige des Browserfensters zerbeamt wird.

Ohne CSS ist links das Browserfenster bis zum Rand des Bildschirms ausgedehnt, mit bleibt ein Rand von ca 1,5 cm. An der Erscheinung und Funktion der Sidebar ist keinerlei Änderung festzustellen.

2002Andreas

Zitat von Boersenfeger

leider ändert sich nichts

Sören Hentzschel

Die Selektoren wie ::placeholder, details oder details summary sind aber ein bisschen sehr allgemein. Das gilt doch dann nicht nur für die Sidebar.

Mira_Belle

Muss das unbedingt per CSS umgesetzt werden?

Boersenfeger

Wie muss mans dann machen?

Ich versuche mich noch selber durch try und error.

CSS

@media -moz-pref("browser.nova.enabled") {

::placeholder  {
    color: transparent !important;
}

.sidebar-panel-heading {
	display: none !important;
}
	
details summary, 
.bookmark-folder-label,
.fxview-tab-row-main,
.fxview-tab-row-title {
    font-size: 16px !important;
    font-family: Comic Sans MS, sans-serif !important;
}

#input {
  &[type="search"] {
    &.with-icon {
	font-size: 16px !important;
    font-family: Comic Sans MS, sans-serif !important;
 }
  }
}	

.sidebar-panel {
    background: #c1e7bb !important;
}

details {
	margin-top: -3px !important;
	margin-left: -8px !important;
}

details summary {
  &::before {
    content: "" !important;
    display: none !important;
 }
}

details summary, .bookmark-folder-label {
  &::before {
    background-image: url("data:image/gif;base64,R0lGODlhEAAQAOZMAP/////MAF06AJhlAJNgAP//AP/lAP/UAJViAP/JANShAJRhAP/OAJRgAOy5AMaSAP/nAMyZAP/IAP/NAOazAP/RAMmVALaAAH5TAJNfAM2aAP/dT//XOv/KAOPOkMeRAP/nhOSxAOu4AP3KAOrTkv/nrv//1c6bAKdyAP/TAP/bPdWsMr6LA7iCALqGALiEAJNeAMCMAP/gcv/eYdGdAP/TEP/mgv/2y//gg/3JAP/ila97AP/aKsWPAJFbAJZgALeBAMiVAPC9AP/rOum2AHlQAP/4zP//z//jPpNdAP/LANixNP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEwALAAAAAAQABAAAAefgEyCg4SFhoeFDQ0LjIiCCyU5IwEBBAiXCAOEBDohFBREIg6jQgibODQKqgonDz0fPkkwDQMEMhYRERpBMUsAv8C1Mw8uLUAXKwA2EgkJDJoEGy8swAAgCZQMz0wEKigkN8wJHZQBFZrcPDsAHErllBMT6AQ1HkYVKQf6++hMGUgAhhgYSBAChH4/TBwpwLAhw35MMAiYSLFiEUcYmQQCADs=") !important;
  }
} 
	
details > summary {	 
	background-image:url("data:image/gif;base64,R0lGODlhEAAQAOZMAP/////MAF06AJhlAJNgAP//AP/lAP/UAJViAP/JANShAJRhAP/OAJRgAOy5AMaSAP/nAMyZAP/IAP/NAOazAP/RAMmVALaAAH5TAJNfAM2aAP/dT//XOv/KAOPOkMeRAP/nhOSxAOu4AP3KAOrTkv/nrv//1c6bAKdyAP/TAP/bPdWsMr6LA7iCALqGALiEAJNeAMCMAP/gcv/eYdGdAP/TEP/mgv/2y//gg/3JAP/ila97AP/aKsWPAJFbAJZgALeBAMiVAPC9AP/rOum2AHlQAP/4zP//z//jPpNdAP/LANixNP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEwALAAAAAAQABAAAAefgEyCg4SFhoeFDQ0LjIiCCyU5IwEBBAiXCAOEBDohFBREIg6jQgibODQKqgonDz0fPkkwDQMEMhYRERpBMUsAv8C1Mw8uLUAXKwA2EgkJDJoEGy8swAAgCZQMz0wEKigkN8wJHZQBFZrcPDsAHErllBMT6AQ1HkYVKQf6++hMGUgAhhgYSBAChH4/TBwpwLAhw35MMAiYSLFiEUcYmQQCADs=") !important;
 }
}
 
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
               url("chrome://browser/content/browser.xhtml") {
				   
#sidebar-main > sidebar-main {
    display: none !important;
}

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

#sidebar-box:hover {
    z-index: 100 !important;
    opacity: 1 !important;
    margin-left: 0 !important;
    transition: margin-left .66s !important;
}
/* Lesezeichen-Sidebar Suchfeld und auch Haupt-Suchfeld ohne Eintrag */
::placeholder {
    color: transparent !important;
}
/* Sidebar Hintergrundfarbe */
#sidebar {
    background: #c1e7bb !important;
    opacity: 1 !important;
}
/* Suchsymbol in der Sidebar ausblenden */

#input[type="search"] {
  padding-inline-start: var(--space-medium) !important;
  background-image: none !important;
}

 }

Alles anzeigen

Die Suchzeile sollte eigentlich leer und ohne Lupe sein, der Eintrag ganz oben "Lesezeichen" sollte verschwunden sein und die Abstände zwischen den Ordnern und auch Lesezeichen sind zu groß, siehe oben in Beitrag 1 für Release Firefox, so soll es aussehen. Ich verstehe auch nicht, warum der Code von 2002Andreas bei ihm funktioniert und bei mir nicht. Die Farbe haut ja nun wenigstens wieder hin hier.

Mira_Belle Wenn du eine andere Lösung hast, gerne vorschlagen. Das Ziel ist das 2. Bild in #1 für den Release.

2002Andreas

Zitat von Boersenfeger

Die Suchzeile sollte eigentlich leer und ohne Lupe sein

Füg diesen Code bitte mal ganz oben mit ein:

PS:

Zeile 80 - 83 ist doppelt.
Steht schon in Zeile 3 - 5 drin.

Boersenfeger

Alles gemacht, keine Auswirkungen 😔

Dharkness

Zitat von Boersenfeger

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

Ersetze mal die ↑ Zeileen durch die ↓.

CSS

@-moz-document url("chrome://browser/content/sidebar/sidebar-bookmarks.html"),
               url("chrome://browser/content/browser.xhtml") {

Erklärung: Mit den obigen Zeilen funktioniert das bei mir auch nicht korrekt, nur mit den unteren.

Mira_Belle

Zitat von Boersenfeger

Wie muss mans dann machen?

War die Frage an mich gerichtet?
Und von "müssen" ist eventuell etwas übertrieben, finde ich.
Natürlich werdet Ihr das auch mit CSS hinbekommen, da bin ich mir Absolut sicher!
Ich habe ein JS, da muss schon ziemlich lange nicht mehr daran was geändert werden.
Für Dich müsste ich es dann aber doch etwas ändern, da Du ja ein anderes Design haben möchtest.
Denke, das bekäme ich hin.
Es funktioniert auch in der aktuellen Nightly!
Wenn Du magst, stelle ich es mal zum Ausprobieren hier rein.
Und wenn Du gefallen daran findest, bauen wir (ich) es Deinen Wünschen entsprechend um.

.DeJaVu

Dharkness

Beides ist richtig, wird aber mit einer bestimmten Einstellung ausgewählt:

browser-sidebar.js - mozsearch

Ich würde so sagen: sidebar.revamp

true -> /sidebar/
false -> /places/

JavaScript

 SidebarController.sidebarRevampEnabled && newValue
            ? "chrome://browser/content/sidebar/sidebar-bookmarks.html"
            : "chrome://browser/content/places/bookmarksSidebar.xhtml";

Dharkness

Zitat von .DeJaVu

Ich würde so sagen: sidebar.revamp
true -> /sidebar/

Das ↑ trifft bei mir zu.

.DeJaVu

Man könnte alles haben, und je nach Einstellung verzweigen

CSS

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

  @media -moz-pref("sidebar.revamp")
  {
    /* css einfügen */
  }

}

Alles anzeigen

Sidebar CSS wird nicht umgesetzt

Ähnliche Themen

Sidebar als schwebende, hover-aktivierte Leiste

Entfernen oder verstecken von Einträgen in der Sidebar, "Weitere Lesezeichen", Suchfeld, "Lesezeichen-Symbolleiste"

CSS für About Dialog /Nightly passt nicht mehr

Sidebar für FF 146 - Erster Versuch

Icon für Lesezeichen-Ordner nicht mehr in Farbe (CSS-Code streikt)

Browser Inspektor verwendet keinen Referer - Ressource wird blockiert.