[Résolu]Barre personnelle sur plusieurs ligne avec version 66 de Firefox

[acturius]

Bonjour à tous
La barre personnelle sur plusieurs lignes ne fonctionne plus avec le passage de Firefox Quantum à la version 66.
Cette extension de ligne passait par une modification du fichier userchrome.
Que faire ? Quelle est la solution ?
Marre qu'à chaque mise à jour quelque chose ne fonctionne plus, finalement on passe plus de temps à régler les problèmes qu'à utiliser Firefox.
En repassant sur Firefox Quantum ESR 60.6 pour éviter ces mises à jours beaucoup trop fréquente cette fois c'est "new Tab Override" qui ne fonctionne pas avec Firefox Quantum ESR 60.6 pour modifier la page qui s'affiche lors de l'ouverture d'un nouvel onglet, y a t'il un remède à ce problème ?
J'avais pourtant cru lire qu'avec Firefox quantum les mises à jour n'affecterait pas les extensions, j'ai du rêvé.
Pour Firefox Quantum ESR 60.6 jai régler le problème pour modifier la page qui s'affiche lors de l'ouverture d'un nouvel onglet avec une extension qui s'appelle "New Tab Home"
Reste le problème de Firefox 66 avec la barre personnelle sur plusieurs lignes.

[Freddy]

Bonjour,

à voir ici -> viewtopic.php?p=883591#p883591

[acturius]

Merci pour la réponse mais le code proposé beaucoup plus simple que l'ancien ne fonctionne pas non plus avec Firefox 66.
A priori Pas de Web extension non plus à ce sujet.
Je n'ai trouvé aucune solution pour mettre la barre personnelle sur plusieurs lignes.

[gererd24]

Bonsoir,

Merci pour la réponse mais le code proposé beaucoup plus simple que l'ancien ne fonctionne pas non plus avec Firefox 66.
A priori Pas de Web extension non plus à ce sujet.
Je n'ai trouvé aucune solution pour mettre la barre personnelle sur plusieurs lignes.

Il fonctionne très bien chez moi avec cette même version.

[acturius]

Le code préconisé c'est bien celui-ci ?
/*======= barre PERSO multilignes ========*/

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

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

#PlacesChevron {
display: none !important;
}

Je viens encore de le ré-essayer et je confirme il ne fonctionne pas sur Firefox 66 et pas non plus sur le précédent Firefox 65.0.2 alors que l'ancien code plus long et plus complexe fonctionnait parfaitement avec Firefox 65.0.2 et plus avec Firefox 66, je n'en connait pas la raison ?
Pour info voici l'ancien code qui ne fonctionne plus:
/* Afficher Barre Personnelle sur plusieurs lignes */
#personal-bookmarks {
display: block;
}
#personal-bookmarks #PlacesToolbar {
display: block;
min-height: 0px;
overflow-x: hidden;
overflow-y: auto;
max-height: 999px;
}
#personal-bookmarks #PlacesToolbar > hbox {
display: -moz-stack !important;
left: 0px;
right: 0px;
width: 100%;
}
#personal-bookmarks #PlacesToolbar #PlacesToolbarItems {
overflow-x: visible;
overflow-y: visible;
}
#personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box {
display: block;
}
#personal-bookmarks #PlacesToolbar > .bookmark-item{
visibility: visible !important;
}
#personal-bookmarks #PlacesToolbar .chevron{
display: none;
}
#personal-bookmarks #PlacesToolbar > hbox > hbox{
overflow-x: hidden;
overflow-y: hidden;
}
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"],
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator{
display: none;
}
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item{
padding-top: 2px;
padding-bottom: 2px;

padding-right: 9.5px !important;*/
}
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] {
padding-top: 2px !important;
padding-bottom: 2px !important;
/*-moz-padding-start: 4px;
-moz-padding-end: 2px;*/
}
#personal-bookmarks #PlacesToolbar toolbarseparator{
-moz-appearance: none !important;
visibility: visible !important;
display: inline;
text-shadow: none !important;
border-left: 3px solid ThreeDShadow !important;
border-right: 3px solid ThreeDHighlight !important;
vertical-align: middle;
}
#personal-bookmarks toolbarbutton.bookmark-item[dragover][open]{
-moz-appearance: toolbarbutton;
}
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar):not(#TabsToolbar) {
max-height: 999px !important;
}

[Cucurbitacé]

Bonsoir acturius,

Pour mettre vos programmations css veuillez utiliser les balises : code, cela fait moins brouillon.

Cela étant dit, surveillez les sites spécialisés dans l’écriture des userChrome et userContent.
Ce compte sur Github le propose depuis longtemps.

1°- Vous avez plusieurs catégories dans CustomCSSforFx :
=> https://github.com/Aris-t2/CustomCSSfor ... lassic/css <=

Et ici ce que vous recherchez se trouve dans la catégorie toolbar :
=> https://github.com/Aris-t2/CustomCSSfor ... s_fx66.css <=


2°- Firefox user.css => https://www.reddit.com/r/FirefoxCSS <= en haut : view, cliquez sur l’icône des 3 traits.


3°- => https://github.com/Timvde/UserChrome-Tweaks <=


4°- =>https://github.com/MrOtherGuy/firefox-csshacks <=


5°- => https://userstyles.org/categories/app <=

Bien à vous.

[acturius]

Bonjour et merci Cucurbitacé de me rappeler l'adresse de Github.com que je connaissait vu que c'est toi qui qui nous l'avait communiqué dans un post précédent.
Faute de l'avoir noté je l'ai oublié dans mes recherches.
112 lignes de code compliqués pour un affichage multi lignes de la barre personnelle, pas étonnant que le modèle à environ 8 lignes ne fonctionne pas.
J'ai été surpris que ça fonctionne mais c'est le cas, ce code fonctionne parfaitement avec Firefox 66.
Je pense que ça servira à beaucoup de monde de le savoir vu qu'il n'y à aucune extension web pour le faire.
Concernant vôtre remarque "Pour mettre vos programmations css veuillez utiliser les balises : code, cela fait moins brouillon"je vais en tenir compte mais pour le moment je ne connait pas la procédure pour le faire.
Merci encore et bonne journée.

[Cucurbitacé]

Bonjour acturius ,



Cette extension peut vous aider à le faire sur différent site, BBcode, html, Xtml, etc ; vous pouvez même en créer.
=> https://github.com/msaroff/bbCodeWebEx/ ... /tag/0.1.3 <=


Le userChrome.css doit proposer d'autres choses que d'avoir les signets sur plusieurs lignes, il faut lire les 100 lignes.

Les lignes de Freddy semble fonctionner pour lui et elles laisseraient Firefox gérer automatiquement le nombre de ligne nécessaire, l’espace et la grosseur des icônes ; alors que l’autre css indique la taille de tout, y compris des icônes, de l’espace entre les icônes, la taille des lignes, le nombre de ligne, s'il faut une barre de séparation, etc, il semble beaucoup plus directif.

Apparemment '--bookmark_items_lines: 3' servirait à définir le nombre de ligne, ici 3 maximum.

Je pense que ces lignes là peuvent être retirées :

Code : Tout sélectionner

/* import old button/bookmark size code *************************************************/
@import "./../buttons/buttons_on_bookmarks_toolbar_old_size_and_appearance.css";

Code : Tout sélectionner

/*
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
*/

Devant px ce sont des tailles, des épaisseurs, des spatialisations, il me semble que mettre 0px ne sert à rien, ce sont des lignes en trop.

Bien à vous.

[acturius]

Bonjour
J'ai supprimé les lignes conseillées par Cucurbitacé à priori superflues dans mon cas sans que ça perturbe le fonctionnement.
La spécification des 3 lignes je n'y touche pas vu que c'est juste ce qui me convient.
Merci pour tous ces conseils pertinents.

[yc64]

Bonjour,
Pour ma part, le code simplifié proposé par Freddy en lien fonctionne parfaitement avec la 66.0.2.
Effectivement, il est beaucoup plus simple que l'ancien utilisé pour la 65.
Bon week-end à tous.

[epsilon9f]

Hello à tous.

Je suis dans le même cas..
Avant ... : 2 lignes de Marques Pages qui fonctionnaient très bien
Avec le passage à Firefox 66 , cela est réduit à 1 ligne .. grrrrrrrrrrrrrrrrrrrrrrrrrr

Je vous joins mon "UserChrome.css"
Selon vous que dois je retirer et remplacer ?

Code : Tout sélectionner

/******* à partir de Fx65 *******/

/*============================= barre MENU en haut ===========================*/
/*!!! barre de titre désactivée !!!*/
/*** fenêtre maxi ***/
/* barre Menu cachée */ 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
  position: fixed !important;
  top: -10px !important;
  z-index: 100 !important;
  background-color:rgba(100%,80%,20%,0.9) !important;
  transition-duration: 500ms !important;
}

/* barre Menu visible au survol-souris (haut-gauche fenêtre) */
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar:hover {
  top: 8px !important;
  transition-duration: 300ms !important;
}


/*** fenêtre redimensionnable ***/ 
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar {
  position: fixed !important;
  top: 0 !important;
  width:100vw !important;
}



/*..........................................................................*/
/* créer espace pour préhension/glisser fenêtre (équivalent barre de titre) */
#main-window[tabsintitlebar][sizemode="normal"]:not([sizemode="fullscreen"]) #nav-bar {
  margin-top: 26px !important;
}

#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
  margin-top: -5px !important;
  -moz-window-dragging: drag !important;
}

/*.........................................................................*/



/*!!! barre de titre activée !!!*/
/*** fenêtre maxi ***/
#main-window[sizemode="maximized"] #toolbar-menubar {
  position: fixed !important;
  top: 0 !important;
}

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


/*** fenêtre redimensionnable ***/ 
#main-window[sizemode="normal"] #toolbar-menubar {
  position: fixed !important;
  top: 0 !important; 
}
#main-window[sizemode="normal"] > #navigator-toolbox {
   margin-top: 20px !important;
}

/*====================== FIN barre menu en haut ==========================*/


/**************************************************************************/
/*!!!!!!!!!!! à activer SEULEMENT SI les 2 conditions suivantes!!!!!!!!!!!*/
/*!!! Si barre de titre active !!!*/
/*!!! Si barre de menu désactive !!!*/
/* ajuster position verticale barre d'outils */

/*
#main-window:not([tabsintitlebar]) > #navigator-toolbox {
  margin-top: 0px !important; 
}
/**/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!! fin conditions !!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*************************************************************************/


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

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

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

/* fenêtre redimensionné sans barre menu */
:root[sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
}
#main-window[sizemode="normal"] > #navigator-toolbox > #titlebar > #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
    margin-top: 0 !important;
}


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


/*** décaler barre navigation horizontalement pour visualiser boutons fenêtre ***/
#main-window[tabsintitlebar][sizemode="maximized"] #nav-bar {
  margin-right: 105px;
}

/*** déplacer décalage de la barre d'onglets pour l'espace des boutons fenêtre  ***/
/*sans thème (fenêtre redimensionnable)*/
#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: -13px; right: 0; 
}

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


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

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





/*** supprimer couleur de fond des barres navigation-perso ***/
.browser-toolbar:not(.titlebar-color) {
    
	
	/* Suppression du Fond Transparent => sera de couleur Blanc */
	/* background-color: transparent !important; */
}

/*** diminuer trait entre barre menu-navigation (fenêtre redimensionné avec thème) ***/
#main-window[sizemode="normal"] > #navigator-toolbox:-moz-lwtheme {
    border-top: none !important;
}

/*** supprimer trait entre barre perso-onglets ***/
/*
#navigator-toolbox::after {
  border-bottom: none !important;
}
/*actuellement pas activé*/

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


/*====== Barre perso multiligne ======*/
#PlacesToolbarItems
{ overflow: visible !important; }

#PlacesToolbarItems > .box-inherit.scrollbox-innerbox
{ display:block !important; }



/*====== Couleur Onglets ======*/

/* Onglet Actif Bleu ciel */
.tab-background[selected="true"] {
background-attachment: none!important;
background-color: lightblue !important;
background-image: none!important; }

/* Croix Rouge sur onglet actif */
.tab-close-button {
color: red !important; } 

/* Croix de fermeture sur les onglets inactifs */
.tab-close-button:not([selected]) {
color: white !important; } 

.bookmark-item[container="true"][label="Presse Info"] { list-style-image: url('Presse Info.png') !important; }
/* (label = Nom du Marque Page) ,  (url('Presse Info.png') : Nom de l'icône associée au Marque Page) */
/* ps : important le fichier image doit être dans le dossier chrome  du profil */

[Cucurbitacé]

Bonsoir epsilon9f,

Je vous conseille fortement de lire ce fil de discussion puisque tout y est.

Bien à vous.

[epsilon9f]

Re Cucurbitacé,

J'ai bien suivi le fil mais je ne suis pas très doué avec les scripts de Userchrome.
c'est donc pour cela que je demandais de l'aide.

[epsilon9f]

Re2

Je pense avoir trouvé.

Pour cela que cela intéresse :
J'ai supprimé :

Code : Tout sélectionner

/*====== Barre perso multiligne ======*/
#PlacesToolbarItems
{ overflow: visible !important; }

#PlacesToolbarItems > .box-inherit.scrollbox-innerbox
{ display:block !important; }

Et ai ajouté :

Code : Tout sélectionner

/*======= Barre PERSO multilignes Modifiée le 1/4/2019 suite MAJ Firefox V66.0.2 ========*/

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

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

#PlacesChevron {
  display: none !important;
}
/*======= Barre PERSO multilignes Modifiée le 1/4/2019 suite MAJ Firefox V66.0.2 ========*/

Cela peut servir à d'autres