3043 links
  • Nono's Links
  • Home
  • Login
  • RSS Feed
  • ATOM Feed
  • Tag cloud
  • Picture wall
  • Daily
Links per page: 20 50 100
page 1 / 1
2 results tagged sidebar x
  • Note: Firefox 107 et onglet vertical
    Depuis quelques années, je ne me passe plus de l'extension "Vertical Tabs Reloaded" dans firefox, pour avoir les onglets ouverts dans une barre verticale.

    Sauf que l'extension ne permet pas de cacher par défaut la barre verticale (pour le l'afficher qu'une fois la souris dessus), ni de cacher la barre des onglets en haut de Firefox.

    Du coup ce petit CSS dans /profile_folder/chrome/userChrome.css fait ça très bien, y compris pour Firefox 107 qui me posait problème avec l'ancienne version :

    /* Hide Horizontal TAB Bar */
    #TabsToolbar {
     visibility: collapse !important;
     /*
     with firefox on Windows, I had to add:
     display:none;
     */
    }
    #sidebar-box {
      --sidebar-hover-width: 2px;
      position: relative !important;
      overflow-x: hidden !important;
      margin-right: calc(var(--sidebar-hover-width) * -1) !important;
      min-width: var(--sidebar-hover-width) !important;
      max-width: var(--sidebar-hover-width) !important;
      border-right: 1px solid var(--sidebar-border-color);
      z-index:2147483647 !important;
    }
    #sidebar-box:hover {
      --sidebar-visible-width: 200px;
      margin-right: calc(var(--sidebar-visible-width) * -1) !important;
      min-width: var(--sidebar-visible-width) !important;
      max-width: var(--sidebar-visible-width) !important;
    }
    #sidebar {
      opacity: 0 !important;
    }
    #sidebar-box:hover #sidebar {
      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 {
      display: none;
    }
    November 18, 2022 at 9:59:25 PM GMT+1 * - permalink -
    QRCode
    - http://shaarli.m0le.net/?uoh1sA
    firefox tips
  • tree style tab
    on Mozilla/Firefox/Profiles/xxxxxx/chrome/userChrome.css:

    /* Hide Horizontal TAB Bar */
    #TabsToolbar {
     visibility: collapse !important;
    }

    /*
     * Description: Auto-hide sidebar.
     *
     * Contributor(s): img2tab
     */

    :root {
      --sidebar-min-width: 8px;
      --sidebar-visible-width: 200px;
    }

    #sidebar {
      position: relative !important;
      min-width: var(--sidebar-min-width) !important;
      max-width: var(--sidebar-min-width) !important;
      opacity: 0;
    }

    #sidebar-box:hover :-moz-any(#sidebar,#sidebar-header) {
      min-width: var(--sidebar-visible-width) !important;
      max-width: var(--sidebar-visible-width) !important;
      margin-right: calc((var(--sidebar-visible-width) - var(--sidebar-min-width)) * -1) !important;
      z-index:1;
      opacity: 1;
    }

    #sidebar-header,
    #sidebar-splitter {
      display: none !important;
    }
    April 1, 2018 at 7:23:31 PM GMT+2 * - permalink -
    QRCode
    - http://shaarli.m0le.net/?0bFT6A
    tab
Links per page: 20 50 100
page 1 / 1
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Help/documentation