Firefox - userChrome.css Autohide Sidebar

[zoreil]

Bonjour,

Le bout de code suivant (dans le userChrome.css du dossier chrome de FF) permettait un auto-hide de la sidebar, qui s'ouvrait lorsque le pointeur touchait le bord gauche et se refermait donc automatiquement lorsque le pointeur revenait sur la page, offrant un accès très rapide et intuitif aux favoris notamment.
Extrêmement pratique, surtout depuis que AIOS ne fonctionne plus trop correctement et que OmniSidebar va disparaitre ; et puis c'était toujours une extension en moins.
Malheureusement, depuis la version 57b13 cela ne fonctionne plus...

Auriez-vous une idée pour retrouver ce comportement ?
Merci, et merci aussi pour quelques unes des astuces bien pratiques dans le sujet "Firefox 57+ modifs possibles sans extension"

Code : Tout sélectionner

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

/* To right-align the sidebar, replace all occurrences of "left" with "right", and "margin-right" with "margin-left" */

:root {
    --hover-width:    1px;
    --visible-width: 300px;
    background-color:transparent!important;
}

#sidebar-box {
    position:relative !important;
    overflow-x:hidden !important;
    margin-right:calc(var(--hover-width) * -1) !important;
    left:var(--hover-width) !important;
    min-width:var(--hover-width) !important;
    max-width:var(--hover-width) !important;
}

#sidebar-box:hover {
    margin-right: calc(var(--visible-width) * -1) !important;
    left:var(--visible-width) !important;
    min-width:var(--visible-width) !important;
    max-width:var(--visible-width) !important;
}

#sidebar {
    opacity: 0 !important;
}

#sidebar:hover {
    opacity: 1 !important;
}

/* #sidebar-header is hidden by default, change "none" to "inherit" to restore it. */

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

/* #sidebar-splitter styles the divider between the sidebar and the rest of the browser. */

#sidebar-splitter {
}

[débitant]

c'est mieux ainsi

[zoreil]

Bon, comme toujours, d'avoir posé la question m'a poussé à chercher plus en avant..
Ceci fonctionne :

Code : Tout sélectionner

:root {
  --sidebar-normal-width: 1px;
  --sidebar-hover-width: 300px;
  --background-color: rgb(0,0,0);
}

#sidebar-box {
  position: relative !important;
  overflow-x: hidden !important;
  min-width: var(--sidebar-normal-width) !important;
  max-width: var(--sidebar-normal-width) !important;
  opacity: 0.7 !important;
  -moz-transition: all .2s ease-out .2s !important;
}

#sidebar-box:hover {
  margin-right: calc((var(--sidebar-hover-width) - var(--sidebar-normal-width)) * -1) !important;
  min-width: var(--sidebar-hover-width) !important;
  opacity: 1 !important;
}
#sidebar-splitter {
    display: none !important;
}

Bien sûr, il faut activer le panneau latéral.
On peut régler les vitesses d'ouverture/fermeture en modifiant moz-transition: all .2s ease-out .2s !important;

[débitant]

Bon, comme toujours, d'avoir posé la question m'a poussé à chercher plus en avant..
...

c'est souvent le cas