Firefox 101 désactive le script JS qui permet l'affichage en multirows

[RufhFR]

Bonjour,

J'utilise le script js

Code : Tout sélectionner

https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme/tree/master/Multirow%20and%20other%20functions/Multirow%20tabs

Pour obtenir un affichage des onglets sur plusieurs lignes et firefox 101 semble désactiver celui-ci ou tout du moins l'affichage multi ligne que m'apporte le script.

Comment réactiver cette fonctionnalité ?

Et au passage si les développeurs pouvaient intégrer cette fonctionnalité en natif ce serait vraiment un plus.

Merci.

[Agent virtuel]

Bonsoir

Bien entendu, ce n'est pas la réponse attendue

Et si vous utilisez plutôt, un fichier, userChrome.css

Code : Tout sélectionner

/* Use Normal top and bottom padding for compact */
#PlacesToolbarItems .bookmark-item {
padding-top: 0px !important;
padding-bottom: 0px !important;
}

/***Tighten up drop-down/context/popup menu spacing ***/

menupopup > menuitem, menupopup > menu {
padding-block: 2px !important;
}
:root {
--arrowpanel-menuitem-padding: 2px 8px !important;
}

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_bookmarks.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Makes bookmarks toolbar span multiple rows */

/* Dummy variable to support versions 94-96, can be removed when 96 lands */
:root{ --lwt-frame: var(--lwt-accent-color) }

#PersonalToolbar{
  --multirow-bmb-n-rows: 3; /* Control how many rows are shown before scrolling */
  --multirow-bmb-row-margin: 2px; /* Control how much spacing is between rows */
  max-height: none !important;
}

#PlacesToolbar > hbox{ 
  display: block;
  width: 100vw;
}

#PlacesToolbarItems{
  display: flex;
  flex-wrap: wrap;
  /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
  max-height: calc(var(--multirow-bmb-n-rows) * (4px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,var(--bookmark-block-padding)))))) !important;
  overflow-y:auto;
  scrollbar-color: var(--lwt-frame) var(--toolbar-bgcolor) ;
  scrollbar-width: thin;
}

/* Hide the all-bookmarks button */
#PlacesChevron{ display: none }

/* Add some spacing between rows */
#PlacesToolbarItems > .bookmark-item{ margin: var(--multirow-bmb-row-margin) 3px !important;  }


/* Onglets en dessous de la barre d'adresse */

:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}

#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
position: fixed;
display: block;
top: var(--uc-titlebar-padding,0px);
right:0;
height: 40px;
}

:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }

#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }

.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

#titlebar{
-moz-box-ordinal-group: 2;
-moz-appearance: none !important;
--tabs-navbar-shadow-size: 0px;
}

.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
#navigator-toolbox::after{ display: none !important; }

@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }

:root{ --uc-window-control-width: 0px !important }

#navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }

#toolbar-menubar{
position: fixed;
display: flex;
top: var(--uc-titlebar-padding,0px);
height: 29px;
width: 100%;
overflow: hidden;
}

#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }

#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
order: 99;
flex-grow: 1;
min-width: var(--uc-window-drag-space-width,20px);
}

#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }

#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }

Le code userChrome.css ci-dessus, c'est un mixte, des codes ci-dessous

https://github.com/MrOtherGuy/firefox-c ... kmarks.css
viewtopic.php?p=916441#p916441
viewtopic.php?p=918460#p918460 et veuillez prendre connaissance des pages

[RufhFR]

Bonjour et merci pour la réponse.
J'utilisais effectivement auparavant un script userChrome.css mais il était très difficile de glisser / déplacer les onglets. Impossible des les mettre à l'endroit désiré, ce que le script js a résolu.
Donc pour l'instant j'ai réinstallé la version 100 de firefox et j'espère que le problème sera résolu pour la prochaine version.
Franchement une mise à jour qui invalide ce qui marchait auparavant, et de ce fait dégrade l'expérience utilisateur, est une erreur et ne fait que pousser les gens à chercher une alternative ailleurs que chez firefox.

[lool_lauris]

Salut,

Franchement une mise à jour qui invalide ce qui marchait auparavant, et de ce fait dégrade l'expérience utilisateur, est une erreur et ne fait que pousser les gens à chercher une alternative ailleurs que chez firefox.

Tu fais des bidouilles qui te sont complètement personnelles qui touchent à l'interface et tu te plains que les mises à jour ne suivent pas ta personnalisation !? Comment pourrait-il en être autrement ?
Toi tu modifies un truc, un autre modifie autre chose et encore autre lui modifie aussi dans son coin encore autre chose... et ainsi de suite. Les mises à jour ne peuvent pas être compatibles des bidouilles, toutes différentes, de certains utilisateurs !

dégrade l'expérience utilisateur, est une erreur et ne fait que pousser les gens à chercher une alternative ailleurs que chez firefox.

Firefox te permet de faire tes petits arrangement tout personnels... Estime-toi heureux de pouvoir faire tes petits bidouiles avec Firefox, ça n'est pas possible avec les autres navigateurs. Mais puisque tu le suggères, va voir ailleurs comment ça se passe.


Ce qu'il faudrait finir par comprendre c'est que Mozilla n'a jamais demandé aux personnes, expérimentées ou pas, d'aller modifier le code CSS ; En tout cas, cela n'a jamais été mis en avant.
Firefox est un logiciel libre et, à ce titre, son code peut être modifié, qu'il s'agisse du CSS ou du C++ ou ... Mais cela reste de la seule responsabilité de celui qui modifie. Les développeurs de Firefox sont dans l'incapacité de prendre en compte les modifications qui auraient pu être faites par des inconnus dans leur coin.

Imagine un peu quelqu'un qui publierait des histoires dont les écrits seraient marqués "libres", c'est à dire que n'importe qui pourrait utiliser ces écrits pour les modifier à loisir. Il est fort probable que le jour où l'auteur publierait une suite, celle-ci ne s'accorde pas avec celles que les lecteurs auraient modifiées ... c'est juste une métaphore pour tenter de te faire comprendre la situation.
Ce qu'il se passe en réalité, c'est que la plupart des auteurs, n'autorisent pas les modifications de leurs écrits ; ils peuvent donc publier des suites qui "fonctionneront" toujours puisque les lecteurs n'auront d'autres choix que de prendre l'histoire telle qu'elle est (ces auteurs s'appellent Chrome, Edge, ...).

[Agent virtuel]

Bonsoir

Apparemment, j'ai mal interprété votre demande

Néanmoins, j'ai testé sous Firefox 101, MultiRowTabs.uc.js https://www.camp-firefox.de/forum/thema ... -versionen


Autre information https://support.mozilla.org/fr/kb/utili ... -depannage
Vider le cache de démarrage, peut-être utile