[ FF66b ] Multiples lignes bookmarks + Disable autoplay

[Markco]

Bonjour,

J'utilise 4 lignes et la barre de défilement (scrollbar) s'active et je voudrais savoir comment agrandir la zone pour ne pas avoir ce comportement sur ce nombre de lignes et que ça s'active au delà
J'ai essayé de modifier les valeurs ci-dessous, mais ça n'a aucun effet

Code : Tout sélectionner

:root {
--bookmark_items_height: 26px; /* <- bookmark items - line height */
--bookmark_items_lines: 5; /* <- maximum amount of lines */
}

[Cucurbitacé]

Bonjour Markco,

Tentez pour voir de retirer la ligne de commande qui impose la création de lignes :

Code : Tout sélectionner

--bookmark_items_lines: 5; /* <- maximum amount of lines */ 

Bien à vous.

[Marc Driver]

Bonjour,

J'ai finalement repris la version courte de Freddy et ajouté des lignes pour enlever le texte des Favicons.
Cependant je n'ai pas réussi à ajouter le cache de la barre personnelle et la découverte lors du survol de la souris!

Code : Tout sélectionner

/*======= Barre PERSO multilignes ========*/
#PlacesToolbarItems {
display: block !important;
overflow: visible !important;
}

#PersonalToolbar {
max-height: 100% !important;
}

#PlacesChevron {
display: none !important;
}

/* Affiche les favicons sans texte */ 
#personal-bookmarks .toolbarbutton-text { 
display: none !important; } 

Quelqu'un a t'il la solution ?

[Marc Driver]

Bonjour à tous,

Ce que j'ai trouvé (mélange de tout ce que vous avez écrit) fonctionne, le passage de la souris se fait juste au dessus de la barre personnelle et pas celle de l'outil.

Code : Tout sélectionner

/*======= Barre PERSO multilignes ========*/
#PlacesToolbarItems {
display: block !important;
overflow: visible !important;
}

#PersonalToolbar {
max-height: 100% !important;
}

#PlacesChevron {
display: none !important;
}

/* Affiche les favicons sans texte */ 
#personal-bookmarks .toolbarbutton-text { 
display: none !important; } 

/* Barre personnelle cachée */
#PersonalToolbar {
min-height: 1px !important;
max-height: 1px !important; 
transition-duration: 1s !important; 
}

#PersonalToolbar:hover { 
  max-height:200px !important; 
  transition-duration: 3s !important; 
}

Merci de votre aide, j'ai retrouvé le sourire

[Marc Driver]

Bonjour,

Après avoir refait fonctionner ma barre personnelle avec la version courte, je rencontre toujours le même problème depuis la version 60 à savoir une limitation du nombre de marque-pages disponibles dans la barre personnelle ?
Je n'ai pas su aller dans la version longue pour voir s'il y avait un paramètre à bouger car je dois avouer qu'à part bricoler un peu, je ne comprend pas grand chose à ce code !

Si quelqu'un a une idée, je prends !

Cordialement à tous

[Anonyme1]

Bonjour,
Voici une version longue.
Avec:
Barre de menus: Qui sera en haut, si elle est affichée.
Barre de navigation: (qui se retrouve en haut, si la barre de menu n'est pas affichée)
Barre personnelle: (afficher sur 1 lignes et sur plusieurs lignes au survol de la souris, et sans le texte des favicons)(pas de déroulement verticale a droite)
Barre d'onglets: sur 3 lignes (scrollable si plus de 3 lignes)

Code : Tout sélectionner

/*===== Barre personnelle multilignes =====*/

#PlacesToolbarItems {
   display: block !important;
  overflow: visible !important;
}


/* Barre personnelle cachée */
#PersonalToolbar {
max-height: 5px !important; 
transition-duration: 1s !important; 
}

#PersonalToolbar:hover{ 
  max-height:200px !important; 
  transition-duration: 1s !important; 
}
/* Sans le texte des Favicons */
#personal-bookmarks .toolbarbutton-text {
display: none !important; }

/*======================= Barre onglets sur plusieurs lignes (3 ici) ==========================*/
:root{
    --multirow-n-rows: 3;
    --multirow-tab-min-width: 100px;
    --multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */
}
/* Test for Firefox > 66 */
@supports (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-min-height) * var(--multirow-n-rows));
    scrollbar-color: var(--toolbar-bgcolor) var(--lwt-accent-color);
    scrollbar-width: thin;
  }
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
  }
}
/*===================== barre MENU en haut =======================*/
/*!!!!! barre de titre désactivée !!!!!*/
/*** fenêtre maxi ***/
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
  position: fixed !important;
  top: 8px !important;
}
/* Test for Firefox < 66 */
@supports not (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox{
    min-height: unset !important;
  }
  #tabbrowser-tabs .scrollbox-innerbox{
    display: flex;
    flex-wrap: wrap;
  }
  #tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
  }
}

.tabbrowser-tab{ height: var(--tab-min-height); }
#tabbrowser-tabs .tabbrowser-tab[pinned]{
  position: static !important;
  margin-inline-start: 0px !important;
}

.tabbrowser-tab[fadein]:not([pinned]){
  min-width: var(--multirow-tab-min-width) !important;
  flex-grow: var(--multirow-tab-dynamic-width);
  /*
  Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible
  Don't set to none or you'll see errors in console when closing tabs
  */
  /*max-width: 100vw !important;*/
}

.tabbrowser-tab > stack{ width: 100%; height: 100% }

#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-tabs spacer,
.tabbrowser-tab::after{ display: none !important }

/*==================== barre ONGLET dessous ===================*/
#titlebar { -moz-box-ordinal-group: 3 !important; 
}

/*** réduire l'espace avec barre perso ***/

/* règle en fenêtre maxi utile seulement pour windows */
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox > #titlebar {
  -moz-appearance: -moz-window-titlebar !important;
}


:root[extradragspace][tabsintitlebar]:not([inFullscreen]) {
	--space-above-tabbar: -10px !important;
}


/*** ajuster position verticale barre d'outils ***/
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
  margin-top: 30px !important; 
}

#main-window[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
  margin-top: 20px; 
}


/*** déplacer décalage de la barre d'onglets pour l'espace des boutons fenêtre  ***/
/*sans thème (fenêtre redimentionnable)*/
#main-window[tabsintitlebar][sizemode="normal"]> #navigator-toolbox:not(:-moz-lwtheme) > #titlebar  .titlebar-buttonbox-container{
  display: none
}
/*avec thème*/
#main-window[tabsintitlebar][sizemode="normal"]> #navigator-toolbox:-moz-lwtheme > #titlebar  .titlebar-buttonbox-container{
  position: fixed !important; 
  top: 0; right: 0; margin-top: -15px; 
}

/* (fenêtre maxi) */
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox > #titlebar .titlebar-buttonbox-container{
  position: fixed !important; top: 0; right: 0; margin-top: -5px;
}


/*** ajuster position horizontale barre d'onglets ***/
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
  margin-right: -40px; 
}

#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
  margin-left: -40px; margin-right: -40px; 
}

/*======================= FIN barre onglet dessous ==========================*/

A+

[Marc Driver]

Merci @GlopGlop

Je viens de mettre le UserChrome conseillé mais j'ai toujours une limitation du nombre de marque-pagges !

[Cucurbitacé]

Merci @GlopGlop

Je viens de mettre le UserChrome conseillé mais j'ai toujours une limitation du nombre de marque-pagges !

Bonjour,

Les raisons de ce que vous considérez comme un problème sont expliquées à l’intérieur du userChrome.css

Code : Tout sélectionner

/*======================= Barre onglets sur plusieurs lignes (3 ici) ==========================*/
:root{
    --multirow-n-rows: 3;
    --multirow-tab-min-width: 100px;
    --multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */
}

Cordialement.

[Anonyme1]

Bonjour,

Je viens de mettre le UserChrome conseillé mais j'ai toujours une limitation du nombre de marque-pagges !

Comme te le signale Cucurbitacé, tu considère qu'il y a un problème de limitation, mais il n'y a aucun problème de limitation du nombre de marque-pages.
Sur ta capture (image) dans ta barre personnelle, l'on peut voir que tu à, les 2 premières lignes qui sont complètes (d'un bout à l'autre), sur la troisième ligne, tu as 3 favicons.
Pour qu'une quatrième ligne s'affiche, il faut que d’abord que ta troisième ligne soit compléter jusqu'au bout, et quand cette troisième ligne seras complète (jusqu'au bout), une quatrième ligne commenceras.

Pour t'en convaincre, essai ceci:
J'ai supprimé les lignes qui permettent d'afficher les favicons sans les noms, tu auras donc une barre personnelle avec les favicons et les noms, tu vas t'apercevoir qu'il n'y a pas de limitation.

Code : Tout sélectionner

/*===== Barre personnelle multilignes =====*/

#PlacesToolbarItems {
   display: block !important;
  overflow: visible !important;
}


/* Barre personnelle cachée */
#PersonalToolbar {
max-height: 5px !important; 
transition-duration: 1s !important; 
}

#PersonalToolbar:hover{ 
  max-height:200px !important; 
  transition-duration: 1s !important; 
}

/*======================= Barre onglets sur plusieurs lignes (3 ici) ==========================*/
:root{
    --multirow-n-rows: 3;
    --multirow-tab-min-width: 100px;
    --multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */
}
/* Test for Firefox > 66 */
@supports (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-min-height) * var(--multirow-n-rows));
    scrollbar-color: var(--toolbar-bgcolor) var(--lwt-accent-color);
    scrollbar-width: thin;
  }
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
  }
}
/*===================== barre MENU en haut =======================*/
/*!!!!! barre de titre désactivée !!!!!*/
/*** fenêtre maxi ***/
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
  position: fixed !important;
  top: 8px !important;
}
/* Test for Firefox < 66 */
@supports not (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox{
    min-height: unset !important;
  }
  #tabbrowser-tabs .scrollbox-innerbox{
    display: flex;
    flex-wrap: wrap;
  }
  #tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
  }
}

.tabbrowser-tab{ height: var(--tab-min-height); }
#tabbrowser-tabs .tabbrowser-tab[pinned]{
  position: static !important;
  margin-inline-start: 0px !important;
}

.tabbrowser-tab[fadein]:not([pinned]){
  min-width: var(--multirow-tab-min-width) !important;
  flex-grow: var(--multirow-tab-dynamic-width);
  /*
  Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible
  Don't set to none or you'll see errors in console when closing tabs
  */
  /*max-width: 100vw !important;*/
}

.tabbrowser-tab > stack{ width: 100%; height: 100% }

#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-tabs spacer,
.tabbrowser-tab::after{ display: none !important }

/*==================== barre ONGLET dessous ===================*/
#titlebar { -moz-box-ordinal-group: 3 !important; 
}

/*** réduire l'espace avec barre perso ***/

/* règle en fenêtre maxi utile seulement pour windows */
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox > #titlebar {
  -moz-appearance: -moz-window-titlebar !important;
}


:root[extradragspace][tabsintitlebar]:not([inFullscreen]) {
	--space-above-tabbar: -10px !important;
}


/*** ajuster position verticale barre d'outils ***/
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
  margin-top: 30px !important; 
}

#main-window[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
  margin-top: 20px; 
}


/*** déplacer décalage de la barre d'onglets pour l'espace des boutons fenêtre  ***/
/*sans thème (fenêtre redimentionnable)*/
#main-window[tabsintitlebar][sizemode="normal"]> #navigator-toolbox:not(:-moz-lwtheme) > #titlebar  .titlebar-buttonbox-container{
  display: none
}
/*avec thème*/
#main-window[tabsintitlebar][sizemode="normal"]> #navigator-toolbox:-moz-lwtheme > #titlebar  .titlebar-buttonbox-container{
  position: fixed !important; 
  top: 0; right: 0; margin-top: -15px; 
}

/* (fenêtre maxi) */
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox > #titlebar .titlebar-buttonbox-container{
  position: fixed !important; top: 0; right: 0; margin-top: -5px;
}


/*** ajuster position horizontale barre d'onglets ***/
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
  margin-right: -40px; 
}

#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
  margin-left: -40px; margin-right: -40px; 
}

/*======================= FIN barre onglet dessous ==========================*/

A+

[Marc Driver]

@Cucurbitacé

Merci, mais je ne comprend pas bien !
Faut-il que je change

Code : Tout sélectionner

--multirow-tab-min-width: 100px;

par exemple en mettant 200px ?

[Marc Driver]

@Cucurbitacé
@tous

Une idée pour dépasser cette limite de marque-pages ?

[Markco]

J'ai finalement adopté la simplicité et ai pris la méthode donnée par Freddy étant donné que je n'utiliserais que 3 lignes en plus de la barre perso.

[Cucurbitacé]

@Cucurbitacé
@tous

Une idée pour dépasser cette limite de marque-pages ?

Bonsoir Marc Driver,

Je ne comprends pas que vous disiez que c’est limité, car logiquement, cela ne l’est pas.

Cordialement.

[Marc Driver]

@Cucurbitacé

J'ai eu beau diminuer mes marque-pages de barre personnelle, il m'en reste 117 et je ne peux en afficher que 98 !
L'étape suivante j'envoie un fichier pour montrer que je n'ai pas la berlue !

La limitation a commencé je crois avec la version 58 car j'en avais déjà parlé dans un post à l'époque et personne n'avait trouvé de solution !

[Marc Driver]

Bonjour,

La limitation varie avec la définition de l'écran.

Sur l'écran du PC [A], définition 1920 x 1080, taille du texte à 100%, la limitation est à 145 favicons (sans texte).

Sur l'écran du PC [A], définition 1920 x 1080, taille du texte à 125%, la limitation est à 116 favicons (sans texte).

Sur l'écran du PC [A], définition 1920 x 1080, taille du texte à 150%, la limitation est à 97 favicons (sans texte).

Et j’en ai 163 à placer au minimum (en faisant ds dossiers !).
Une idée ?