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.

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