Seit heute funktioniert dieses Sidebar via Hover einblenden nicht mehr

2002Andreas

Zitat von Boersenfeger

Wo im Code aus #14 kann man dies ggf. ändern?

Ich habe den mal geändert:

Teste bitte.

CSS

/* Sidebar via Hover hervorrufen und andere Sidebar-Einstellungen */

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

/*Sidebar per hover*/

#menu_bookmarksSidebar {
  display: flex !important;
}

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

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

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

#sidebar-box {
  margin-left: -4.5px !important;
  position: relative;
  min-width: 3px !important;
  max-width: 3px !important;
  z-index: 1;
}

#sidebar-splitter { 
  display: none;
}

#sidebar-header {
  overflow: hidden;
  padding: 0 !important;
}

#sidebar-header,
#sidebar {
  background-color: inherit !important;
  border-right: 5px solid transparent !important;
  transition: min-width 300ms linear .2s !important;
  min-width: 3px !important; 
}

#sidebar-box:hover > #sidebar-header,
#sidebar-box:hover > #sidebar {
  min-width: 230px !important;
  transition-delay: 100ms !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 */


.textbox-search-sign{
display:none !important;}

textbox input.textbox-input::-moz-placeholder,
#search-container input.textbox-input::-moz-placeholder,
#urlbar input.textbox-input::-moz-placeholder {
color: transparent !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;
}
}

Alles anzeigen

Boersenfeger

Prima, danke, nun passt es. Ab Zeile 50 habe ich die Breite nochmal etwas vergrößert.

CSS

#sidebar-box:hover > #sidebar-header,
#sidebar-box:hover > #sidebar {
  min-width: 300px !important;
  transition-delay: 100ms !important;
}

Dankeschön!

2002Andreas

Wie immer gern geschehen 😊

Boersenfeger

oh, 2002Andreas die Suchzeile ist aber jetzt verschwunden in der Sidebar, ist mir gerade erst aufgefallen...

2002Andreas

Zitat von Boersenfeger

die Suchzeile ist aber jetzt verschwunden

Sorry.

Entfern bitte mal Zeile 21 - 23.

Boersenfeger

Yo, da isse wieder, nochmal danke!

2002Andreas

😊

Boersenfeger

Jo, seit heute funktioniert der Code im Nightly nicht mehr bzw. wenn der aktiv ist, kann man die Lesezeichensidebar nicht einblenden.

Code

https://hg.mozilla.org/mozilla-central/rev/a38259f7bf5cadf2ce8859b499ea6278501aeded
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0 ID:20240928085335

CSS

/* Sidebar via Hover hervorrufen und andere Sidebar-Einstellungen */

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

/*Sidebar per hover*/

#menu_bookmarksSidebar {
  display: flex !important;
}

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

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


#sidebar-box {
  margin-left: -4px !important;
  position: relative;
  min-width: 3px !important;
  max-width: 3px !important;
  z-index: 1;
}

#sidebar-splitter { 
  display: none;
}

#sidebar-header {
  overflow: hidden;
  padding: 0 !important;
}

#sidebar-header,
#sidebar {
  background-color: inherit !important;
  border-right: 5px solid transparent !important;
  transition: min-width 300ms linear .2s !important;
  min-width: 3px !important; 
}

#sidebar-box:hover > #sidebar-header,
#sidebar-box:hover > #sidebar {
  min-width: 300px !important;
  transition-delay: 100ms !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: -4px !important;
}


/* Lesezeichensidebar Icon-Abstand */


#bookmarks-view-children:-moz-tree-image {
margin-right: 5px !important;
}


/* Suchsymbol in der Sidebar ausblenden */


.textbox-search-sign{
display:none !important;}

textbox input.textbox-input::-moz-placeholder,
#search-container input.textbox-input::-moz-placeholder,
#urlbar input.textbox-input::-moz-placeholder {
color: transparent !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;
}
}

Alles anzeigen

Was müsste wohl geändert werden?

2002Andreas

Zitat von Boersenfeger

Was müsste wohl geändert werden?

Teste bitte mal:

CSS

/* Sidebar via Hover hervorrufen und andere Sidebar-Einstellungen */

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

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

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

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

#sidebar-box {
  background: #c1e7bb !important;
  margin-left: -4px !important;
  min-width: 3px !important;
  transition: width 250ms linear !important;
}

#sidebar-splitter { 
  display: none;
}

#sidebar {
  background-color: inherit !important;
  border-right: 5px solid transparent !important;
  transition: width 350ms linear  !important;
  width: 3px !important; 
}

#sidebar-box:hover > #sidebar {
  width: 300px !important;  
}

#sidebar-box:hover {
  width: 300px !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 */


.textbox-search-sign{
display:none !important;}

textbox input.textbox-input::-moz-placeholder,
#search-container input.textbox-input::-moz-placeholder,
#urlbar input.textbox-input::-moz-placeholder {
color: transparent !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;
}
}

Alles anzeigen

Problem nur, ich schaffe es zur Zeit nicht, dass sich die Sidebar rechts über das Fenster legt, statt es nach rechts zu verschieben

Evtl. fällt einem anderen User ja etwas dazu ein.

Boersenfeger

Hier ist damit das Fenster verkleinert und lks erscheinen beim Hovern dann die Lesezeichen.

Bin jetzt erst Mal weg. Danke einstweilen.

2002Andreas

Zitat von Boersenfeger

Danke einstweilen

Gerne

Evtl. gibt es ja noch eine bessere Lösung dafür

Sören kennt bestimmt eine

2002Andreas

Das wäre der Code nur für hover der Sidebar:

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 {
  margin-left: -4px !important;
  min-width: 3px !important;
  transition: width 250ms linear !important;
}

#sidebar-splitter { 
  display: none;
}

#sidebar {	
  border-right: 2px solid transparent !important;
  transition: width 250ms linear  !important;
  width: 3px !important; 
}

#sidebar-box:hover > #sidebar {
  width: 230px !important;  
}

#sidebar-box:hover {	
  width: 230px !important;
}
}

Alles anzeigen

Damit verschiebt sich dann das Fenster der rechten Seite, wenn die Sidebar per hover ausfährt.

Ich möchte die Sidebar aber über dem Fenster wieder haben.

So sieht das zur Zeit aus:

Und so sollte es wieder sein:

Evtl. kann mir ja Sören Hentzschel oder ein anderer User etwas dazu sagen.

Danke wie immer vorweg dafür

Edit:

Betrifft die aktuelle Nightly Version von heute.

2002Andreas

Zitat von Boersenfeger

Hier ist damit das Fenster verkleinert

Neuer Test:

CSS

/* Sidebar via Hover hervorrufen und andere Sidebar-Einstellungen */

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

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

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

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

#sidebar-splitter { 
  display: none;
}

#sidebar {
  border: none !important;
  position: absolute !important;
  width: 300px !important;
}

#sidebar-box {
  display: flex !important;
  position: absolute !important;
  top: 150px;
  bottom: 27px;
  width: 230px !important; 
  z-index: 100 !important;
  opacity: 0 !important;
  margin-left: -220px !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; 
}



/* 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 */


.textbox-search-sign{
display:none !important;}

textbox input.textbox-input::-moz-placeholder,
#search-container input.textbox-input::-moz-placeholder,
#urlbar input.textbox-input::-moz-placeholder {
color: transparent !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;
}
}

Alles anzeigen

Geht bestimmt auch noch einfacher zu machen

Boersenfeger

Für mich passt es jetzt wieder mit einigen Anpassungen,

vielen Dank, mal wieder

:

CSS

/* Sidebar via Hover hervorrufen und andere Sidebar-Einstellungen */

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

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

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

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

#sidebar-splitter { 
  display: none;
}

#sidebar {
  border: none !important;
  position: absolute !important;
  width: 300px !important;
}

#sidebar-box {
  display: flex !important;
  position: absolute !important;
  top: 107px;
  bottom: 48px;
  width: 260px !important; 
  z-index: 100 !important;
  opacity: 0 !important;
  margin-left: -220px !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; 
}



/* 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 */


.textbox-search-sign{
display:none !important;}

textbox input.textbox-input::-moz-placeholder,
#search-container input.textbox-input::-moz-placeholder,
#urlbar input.textbox-input::-moz-placeholder {
color: transparent !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;
}
}

Alles anzeigen

2002Andreas

Zitat von Boersenfeger

Für mich passt es jetzt wieder mit einigen Anpassungen

Sehr schön, freut mich

Zitat von Boersenfeger

vielen Dank, mal wieder

Gerne doch

Boersenfeger

Nachklapp:
Nach dem eben durchgeführten UpDate musste ich Zeile 33 aus #34 wiederum anpassen:

Code

bottom: 27px;

Laut Sören Hentzschel wird an der Sidebar ja vehement gebastelt. Ggf. wird da auch weitere Anpassung nötig sein. Bei mir spielen da natürlich auch die sonstigen kosmetischen Anpassungen hinein. Es bleibt spannend.

2002Andreas

Zitat von Boersenfeger

Ggf. wird da auch weitere Anpassung nötig sein.

Davon gehe ich auch mal aus.

Zitat von Boersenfeger

wiederum anpassen:

Ok, das kann immer mal vorkommen.

2002Andreas

Zitat von Boersenfeger

Nachklapp:

Ich habe den Code mal etwas aufgeräumt, und um Zeile 24 erweitert.

Teste bitte mal:

CSS

/* Sidebar via Hover hervorrufen und andere Sidebar-Einstellungen */

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

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

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

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

#sidebar-splitter { 
  display: none;
}

#sidebar {
  box-shadow: none !important;
  border: none !important;
  position: absolute !important;
  width: 300px !important;
}

#sidebar-box {
  position: absolute !important;
  top: 107px;
  bottom: 27px;
  width: 260px !important; 
  z-index: 100 !important;
  opacity: 0 !important;
  margin-left: -220px !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; 
}



/* 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 */


.textbox-search-sign{
display:none !important;}

textbox input.textbox-input::-moz-placeholder,
#search-container input.textbox-input::-moz-placeholder,
#urlbar input.textbox-input::-moz-placeholder {
color: transparent !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;
}
}

Alles anzeigen

Boersenfeger

Funktioniert auch..

2002Andreas

Zitat von Boersenfeger

Funktioniert auch

Ok, dann nutz bitte den erstmal, bis evtl. zur nächsten Anpassung von Mozilla.

Seit heute funktioniert dieses Sidebar via Hover einblenden nicht mehr

Ähnliche Themen

Lesezeichen-Sidebar automatisch bei Vollbild (F11) ausblenden

Add-on Leisten Skript für Fx 119 anpassen - Hinweis