Hover-Sidebar seit Firefox 72 verschwunden

ErwinFirefox

Vielen Dank für die schnelle Hilfe! Leider hat es Nichts gebracht.

Zur Info: Ich habe eine weitere Anpassung aktiv, die gut funktioniert (Verlegungung des Hamburger-Menus von rechts nach links). Auch unter Ansicht/Sidebar ist Lesezeichen aktiv. Keine Ahnung ob es Auswirkungen hat, ich nutze Linux Mint, FF 74. Mein aktueller userChrome.css Code (der zweite Code klappt):

CSS

/* Hover-Sidebar seit Firefox 72 verschwunden */
/* https://www.camp-firefox.de/forum/thema/129794-hover-sidebar-seit-firefox-72-verschwunden/?postID=1135368#post1135368 */
/* NEU Beitrag: Teste bitte mal diesen Code für Firefox 74: */



@-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: -100px !important;
margin-left: -15px !important;
}


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


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


label[persist="value"][flex="1"][crop="end"][control="sidebar"][value="Lesezeichen"] {
display: none !important;
}


#sidebar-box {
display: block !important;
position: fixed !important;
top: 112px;
bottom: 27px !important;
width: 0px !important;
overflow-x: hidden !important;
-moz-appearance: none !important;
z-index: 2 !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 {
width: 255px !important;
opacity: 1 !important;
transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}


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

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




/* Australis Menu Button on the Left */
/* https://userstyles.org/styles/94907/australis-menu-button-on-the-left */


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url("chrome://browser/content/browser.xhtml")
{
  #PanelUI-button, #customization-panel-container,
  #customization-panelWrapper .panel-arrow,
  #ctr_panelui-button,
  #wrapper-ctr_panelui-button
  {
    -moz-box-ordinal-group: 0;
  }

  #PanelUI-button
  {
    background-position: 100% 0, calc(100% - 1px) 0, calc(100% - 2px) 0;
  }
}

Alles anzeigen

milupo

Hallo ErwinFirefox,

beim ersten Code von 2002Andreas aus Beitrag #19 fehlt am Ende eine schließende geschweifte Klammer - }. Ich habe es jetzt nicht überprüft, ob der erste Code aus deinem Beitrag #21 dem von 2002Andreas entspricht - ich nehme es mal an - dann füge dort in Zeile 69 die schließende geschweifte Klammer ein und teste erneut.

ErwinFirefox

Danke dür dein Hilfe, milupo

Ich hab noch eine weitere, schließende geschweifte Klammer - } hinzugefügt - keinen Effekt

Siehe Code:

CSS

/* Hover-Sidebar seit Firefox 72 verschwunden */
/* https://www.camp-firefox.de/forum/thema/129794-hover-sidebar-seit-firefox-72-verschwunden/?postID=1135368#post1135368 */
/* NEU Beitrag: Teste bitte mal diesen Code für Firefox 74: */



@-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: -100px !important;
margin-left: -15px !important;
}


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


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


label[persist="value"][flex="1"][crop="end"][control="sidebar"][value="Lesezeichen"] {
display: none !important;
}


#sidebar-box {
display: block !important;
position: fixed !important;
top: 112px;
bottom: 27px !important;
width: 0px !important;
overflow-x: hidden !important;
-moz-appearance: none !important;
z-index: 2 !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 {
width: 255px !important;
opacity: 1 !important;
transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}


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

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



/* Australis Menu Button on the Left */
/* https://userstyles.org/styles/94907/australis-menu-button-on-the-left */


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url("chrome://browser/content/browser.xhtml")
{
  #PanelUI-button, #customization-panel-container,
  #customization-panelWrapper .panel-arrow,
  #ctr_panelui-button,
  #wrapper-ctr_panelui-button
  {
    -moz-box-ordinal-group: 0;
  }

  #PanelUI-button
  {
    background-position: 100% 0, calc(100% - 1px) 0, calc(100% - 2px) 0;
  }
}

Alles anzeigen

2002Andreas

Der Code aus Beitrag Nr. 23 funktioniert hier einwandfrei.

harff182

ErwinFirefox :

Könnte es sein, daß Zeile 40

nicht top: 112px;

sondern top: 112px !important;

lauten sollte?

milupo

Zitat von ErwinFirefox

Ich hab noch eine weitere, schließende geschweifte Klammer - } hinzugefügt - keinen Effekt

Du hast nach der Änderung Firefox neu gestartet?

2002Andreas

Für welche FX Version wird der Code denn nun gebraucht?

Laut User-Agent nutzt du die ESR Version 68, oder soll er für die Version 74 sein?

So funktioniert er in der ESR Version 68.

CSS

/* Hover-Sidebar seit Firefox 72 verschwunden */
/* https://www.camp-firefox.de/forum/thema/129794-hover-sidebar-seit-firefox-72-verschwunden/?postID=1135368#post1135368 */
/* NEU Beitrag: Teste bitte mal diesen Code für Firefox 74: */



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


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


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


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


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


label[persist="value"][flex="1"][crop="end"][control="sidebar"][value="Lesezeichen"] {
display: none !important;
}


#sidebar-box {
display: block !important;
position: fixed !important;
top: 112px;
bottom: 27px !important;
width: 0px !important;
overflow-x: hidden !important;
-moz-appearance: none !important;
z-index: 2 !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 {
width: 255px !important;
opacity: 1 !important;
transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
}


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

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



/* Australis Menu Button on the Left */
/* https://userstyles.org/styles/94907/australis-menu-button-on-the-left */


@-moz-document url("chrome://browser/content/browser.xul")
{
  #PanelUI-button, #customization-panel-container,
  #customization-panelWrapper .panel-arrow,
  #ctr_panelui-button,
  #wrapper-ctr_panelui-button
  {
    -moz-box-ordinal-group: 0;
  }

  #PanelUI-button
  {
    background-position: 100% 0, calc(100% - 1px) 0, calc(100% - 2px) 0;
  }
}

Alles anzeigen

ErwinFirefox

Guten Morgen!

@harff182: Ich habe keine Ahnung.

@2002Andreas: 74.

Was mir gerade durch Zufall aufgefallen ist: Die Seitenleiste ploppt für ganz kurz mal auf, ab und zu. Nach längerem Probieren hab ich es: Wenn ich den Mauszeiger an den Linken Rand bringe, passiert nix. Wenn ich aber dann den Mauszeiger genau 1(!) Pixel rechts vom Rand platziere, funktioniert das CSS; 2 Pixel rechts davon nicht mehr. Wenn sich dann das Menu komplett entfaltet hat, kann ich auch den Mauszeiger im Menu bewegen und es benutzen. Wenn ich die Maus vorher bewege, verschwindet das Menu.

Eigenartig....

Ich bin trotzdem glücklich, auch wenn es etwas schwierig geht. Danke für die Hilfen und vielleicht hat ja jemand eine Erklärung.

milupo

Zitat von ErwinFirefox

2002Andreas: 74.

Dann muss etwas mit deinem Useragent nicht stimmen. Denn der zeigt wohl nach 2002Andreas' Angabe 68ESR an.

ErwinFirefox

Da es unerklärlich ist, warum ich plötzlich hochgenau zielen muss:

Da ich zur etwa gleichen Zeit meine Linux-Desktop-Oberfläche von Cinnanom zu KDE gewechselt habe, könnte das einen Einfluss haben.

Der User Agent String ist frei manipulierbar. Ich habe kein Addon aktiv, was diesen verändert. Daher komisch, dass er auch mir so etwas anzeigt:

Zitat

HTTP_USER_AGENT: Mozilla/5.0 (Windows NT 10.0; rv:68.0) Gecko/20100101 Firefox/68.0

Sören Hentzschel

Rufe bitte about:support auf, drücke den Button zum Kopieren des Textes in die Zwischenablage und füge diesen in deine nächste Antwort ein. Nutze dafür bitte die Code-Funktion, das ist in der Symbolleiste des Beitragseditors das dritte Symbol von rechts ("</>").

geldhuegel

Guten Abend,

Ich habe zu dem CSS in # 23 zwei Fragen:

1. kann man das so verändern, dass die Sidebar rechts ist? Wie?

2. kann man die Liste der Lesezeichen nur noch mit dem Balken scrollen oder sollte das auch mit dem Mittelrad der Maus funktionieren? Das tut es bei mir nämlich nicht.

2002Andreas

Zitat von geldhuegel

dass die Sidebar rechts ist? Wie?

Teste bitte mal:

CSS

/* Sidebar rechte Seite, und nur bei hover sichtbar*/

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

#sidebar-box {
    -moz-appearance: none !important;
    display: block !important;
    position: fixed !important;
    top: 125px;
    right: 0;
    bottom: 0px;
    width: 0px !important;
    overflow-x: hidden !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;
    z-index: 2 !important;
    }
#sidebar-box:hover {
    width: 250px !important; 
    opacity: 1 !important;
    transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
    }
#sidebar {
    display: block !important;
    width: 100% !important;
    height: 100%;
    }
}

Alles anzeigen

Zitat von geldhuegel

sollte das auch mit dem Mittelrad der Maus funktionieren?

Ja.

geldhuegel

Hallo 2002Andreas,

danke dafür. Bin gerade an meinem normalen Win10 Desktop und da funktioniert dein CSS prima, auch die Maus. Werde später noch am Ubuntu 20 Laptop testen.

Nochmals vielen Dank.

2002Andreas

Zitat von geldhuegel

Nochmals vielen Dank.

Wie immer....gern geschehen

geldhuegel

Noch ein Dankeschön: es funktioniert auch auf dem Laptop.

2002Andreas

ErwinFirefox

Hallo,

ich hoffe, ich verstoße gegen keine Regeln, aber das Menu funktioniert endlich wieder, wie es soll.

Keine Ahnung, ob es am Firefox, am Linux, am KDE oder whatever Update lag, es geht wieder perfekt. Danke