Problème affichage onglets avec maj 89.0

Vos requêtes concernant Mozilla Firefox, le navigateur Gecko alternatif, ne trouvèrent point de réponses lorsque vous cherchâtes ? Toute l'équipe Geckozone est prête à vous aider.

Modérateurs : myahoo, nico@nc, Mori, jpj

pitpat692002
Lézard à collerette
Messages : 427
Inscription : 03 mars 2005, 20:01

Problème affichage onglets avec maj 89.0

Message par pitpat692002 »

Bonjour,
visiblement la nouvelle conception des onglets inspirés de la dernière maj a eu pour effet de perturber grandement mon affichage , rendant tout simplement la navigation (d'un onglet à l'autre) impossible.
Je m'explique:
mes onglets qui étaient en haut et en dessous de ma barre personnelle se retrouvent maintenant en bas.Le pire c'est que si j'ouvre un nouvel onglet, il se place à droite du précédent (jusque là tout va bien)mais le problème c'est que le précédent disparait et je ne peux pas y revenir dessus (disparu de la barre d'onglets ouverts).
Il y a de fortes chances que mon fichier chrome personnalisé soit à l'origine du problème.
Le voici si quelqu'un de plus habitué que moi peut y jeter un coup d'oeil :wink:

Code : Tout sélectionner

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#TabsToolbar {
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}

#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
--tab-min-height: 32px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
--tab-min-height: 32px !important; /* needs to be the same as above under :root */
--tab-min-width: 100px !important;
}

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
margin-top: unset !important;
}

#TabsToolbar {
 display: block !important;
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
}
Merci
Agent virtuel

Re: Problème affichage onglets avec maj 89.0

Message par Agent virtuel »

Bonsoir

https://www.reddit.com/r/FirefoxCSS
Éventuellement si https://www.reddit.com/r/FirefoxCSS/com ... and_future correspond à votre attente, afficher toute la discussion
pitpat692002
Lézard à collerette
Messages : 427
Inscription : 03 mars 2005, 20:01

Re: Problème affichage onglets avec maj 89.0

Message par pitpat692002 »

Merci,
j'y suis presque mais je n'arrive pas à:
1-Descendre le texte de la barre des menus (le haut des caractères est "bouffé") - image 1
2-Mettre le bandeau de la barre d'onglets sur une seule ligne - image 1
3-Rendre visible complètement les 3 boutons (minimiser,réduire et fermer) - image 2
Image
Image

Code : Tout sélectionner

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

/* Modify to change window drag space width */
/*
Use tabs_on_bottom_menubar_on_top_patch.css if you
have menubar permanently enabled and want it on top
 */

/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/

: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: absolute;
  display: block;
  top: var(--uc-titlebar-padding,0px);
  right:0;
  height: 40px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
  :root{ --uc-titlebar-padding: 50px !important }
  .titlebar-buttonbox-container{ left:0; right: unset !important; }
}

: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; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }

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

/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }

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

/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */

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

#navigator-toolbox{ padding-top: calc(25px + 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: 20;
  min-width: var(--uc-window-drag-space-width,20px);
}

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

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

/* TABS: height */*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 25px !important; /*adjust to set height or omit to use density*/
--tab-min-width: 80px !important; /*adjust to set width or omit to use default*/
 
#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

.tab-background {
border-radius: 8px 8px 8px 8px !important; border-image: none !important;
}
.tab-line {
display: none;
} 

.tab-close-button {
color: red!important; 
}
edit:code édité pour réduire le bandeau des onglets (point 2)
Les points 1 et 3 peuvent être résolus en affichant la barre des titres .... les 3 boutons sont affichés complètement sur la barre des titres (au lieu de la barre des menus) et les textes de la barre des menus sont correctement affichés.

Image
Avatar de l’utilisateur
Robert Mitchum
Varan
Messages : 1117
Inscription : 31 oct. 2006, 16:52

Re: Problème affichage onglets avec maj 89.0

Message par Robert Mitchum »

Bon matin,

Merci pitpat692002, le code CSS modifié/optimisé par tes soins résout le problème de bon nombre d'entre nous (euphémisme)... :)

En résumé, on retrouve :

1/ barre de titre
2/ barre de menus
3/ barre d'adresse
4/ barre d'onglets

Il serait peut-être judicieux de rendre ce sujet plus "visible", au vu des utilisateurs concernés...

Bonne journée
Le Canada, c'est bien ... le Québec, c'est mieux
Avatar de l’utilisateur
relleba
Lézard à collerette
Messages : 307
Inscription : 11 mai 2004, 12:18

Re: Problème affichage onglets avec maj 89.0

Message par relleba »

Imagesalut,

Je me suis également servi de la solution de MrOtherGuy en y apportant quelques compléments.

- pas de barre de titre (que je trouve inutile)
- pas de barre de menus (dont je ne me sers pas - mais on peut la faire apparaître si besoin)
- barre d'adresse avec quelques modules (les autres sont dans le menu "chevrons" ) , les marque-pages, la barre perso qui se résume à un dossier avec les flux rss) , la barre de recherche (préf perso).
Les boutons minimiser/réduire/fermer n'étant plus visibles, ils sont remplacés par des extensions (Minimize window button/Maximize-Restore).

Code : Tout sélectionner

 /*----CACHER BOUTONS MINIMIZE, FERMETURE----*/
#navigator-toolbox > #nav-bar{ margin-right: 0px !important; padding-right: 0px !important }

.titlebar-buttonbox-container{ display: none !important }


- la barre d'onglets (on bottom)

Code : Tout sélectionner

/* Modify to change window drag space width  TABS ON BOTTOM */

/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/

:root{
  --uc-titlebar-padding: 0px; }
:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }

.titlebar-buttonbox-container{
  position: fixed;
  display: block;
  top: var(--uc-titlebar-padding,0px);
  right:0;
  height: 40px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
	:root{ --uc-titlebar-padding: 0px !important }
	.titlebar-buttonbox-container{ left:0; right: unset; }
}

:root[uidensity="compact"] .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;
}

.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }

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


 

PROTON COMPACT:

Code : Tout sélectionner

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

/* Small changes to make proton roughly as compact as the old compact mode */

:root{
  --toolbarbutton-inner-padding: 6px !important;
  --proton-tab-block-margin: 2px !important;
  --tabs-shadow-size: 0px !important;
  --arrowpanel-menuitem-padding: 5px !important;
  --panel-font-size: inherit !important;
  --arrowpanel-padding: 0.8em !important;
  --inline-tab-padding: 8px !important; /* 8px is default value since it looks good - lower values compactify tabs horizontally */
}
.subviewbutton.bookmark-item{ padding-block: 4px !important; }
.subview-subheader{ display: -moz-box }
menupopup > menuitem,
menupopup > menu{ padding-block: 0.3em !important; }

#urlbar-background{ margin-block: 1px }

/* This is kinda weird, but it makes the horizontal line between tabs and nav-bar render "inside" nav-bar thus tabs are more visibily separated even if there is less space there */
#nav-bar{ 
  box-shadow: inset 0 var(--tabs-shadow-size) 0 var(--tabs-border-color) !important;
}

.tab-close-button{
  margin-inline-start: 0px !important;
  width: 20px !important;
  height: 20px !important;
  padding: 5px !important;
}

#tabbrowser-tabs{ --uc-tabs-scrollbutton-border: 2px }
#scrollbutton-up,
#scrollbutton-down{ border-block-width: var(--uc-tabs-scrollbutton-border,0px) !important; }

/* OPTIONAL - show audio label in compact mode and make the audio icon behavior match non-compact mode */
/*
.tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]){ display: -moz-box !important; }
#TabsToolbar:not(:hover) .tab-icon-image{ opacity: 1 !important; }
#TabsToolbar:not(:hover) .tab-icon-overlay:not([pinned]){ opacity: 0 !important; }
*/
 
RETROUVER DES ICONES DANS LE MAIN MENU :

Code : Tout sélectionner

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

/* Adds icons to main menu items which were removed in Proton */
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before,
#appMenu-protonMainView > .panel-subview-body > toolbarbutton > image{
  fill: currentColor;
  -moz-context-properties: fill;
  margin-inline: 0 8px !important;
}
#appMenu-new-tab-button2{ list-style-image: url("chrome://browser/skin/new-tab.svg") }
#appMenu-new-window-button2{ list-style-image: url("chrome://browser/skin/window.svg") }
#appMenu-new-private-window-button2{ list-style-image: url("chrome://browser/skin/privateBrowsing.svg") }
#appMenu-bookmarks-button{ list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg") }
#appMenu-history-button{ list-style-image: url("chrome://browser/skin/history.svg") }
#appMenu-downloads-button{ list-style-image: url("chrome://browser/skin/downloads/downloads.svg") }
#appMenu-passwords-button{ list-style-image: url("chrome://browser/skin/login.svg") }
#appMenu-extensions-themes-button{ list-style-image: url("chrome://mozapps/skin/extensions/extension.svg") }
#appMenu-print-button2{ list-style-image: url("chrome://global/skin/icons/print.svg") }
#appMenu-save-file-button2{ list-style-image: url("chrome://browser/skin/save.svg") }
#appMenu-find-button2{ list-style-image: url("chrome://global/skin/icons/search-glass.svg") }
#appMenu-settings-button{ list-style-image: url("chrome://global/skin/icons/settings.svg") }
#appMenu-more-button2{ list-style-image: url("chrome://browser/skin/developer.svg") }
#appMenu-help-button2{ list-style-image: url(chrome://global/skin/icons/info.svg) }
#appMenu-quit-button2{ list-style-image: url(chrome://browser/skin/quit.svg) }

/* Use account-button icon for signed in sync item */
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before{
  display: -moz-box;
  content: "";
  width: 16px;
  height: 16px;
  background-image: var(--avatar-image-url)
}
/* Add somewhat hacky separator to zoom controls so it looks consistent */
#appMenu-protonMainView > .panel-subview-body::after{
  content: "";
  display: -moz-box;
  border-bottom: 1px solid var(--panel-separator-color);
  margin: var(--panel-separator-margin);
}

#appMenu-find-button2 ~ *{
  -moz-box-ordinal-group: 2;
}

Ce qui donne un résultat plutôt simple, compacte :

https://zupimages.net/viewer.php?id=21/22/0p1z.png
egval
Lézard à collerette
Messages : 267
Inscription : 02 juin 2006, 11:07

Re: Problème affichage onglets avec maj 89.0

Message par egval »

Bonsoir,

Comment faire pour réduire les espaces verticaux important entre chaque marque-page et aussi entre chaque dossier dans le menu "Marque-pages"?
(je suis un utilisateur qui connait et utilise "about:config" quand on m'explique ce qu'il faut modifier et c'est tout..)

Merci
Avatar de l’utilisateur
Bob49
Animal mythique
Messages : 22602
Inscription : 10 mars 2006, 17:25

Re: Problème affichage onglets avec maj 89.0

Message par Bob49 »

Salut

Via about:config...

Réduction des espaces entre les M-P...
  • Taper about:config dans la barre d'adresse et accepter les risques...
  • Coller browser.proton.contextmenus.enabled dans la recherche.
  • Cliquer sur pour passer la valeur à false.
  • Pas besoin de redémarrer Firefox.
Pour les personnes qui veulent les séparateurs d'onglets (sans redémarrage de Firefox)... et plus radicale, puisque ça désactive Proton et remet les anciens menus comme avant (après redémarrage de Firefox)...
  • Taper about:config dans la barre d'adresse et accepter les risques...
  • Coller browser.proton.enabled dans la recherche.
  • Cliquer sur pour passer la valeur à false.
  • Besoin de redémarrer Firefox pour les menus...
Est-ce que cela sera toujours possible !..
Dernière modification par Bob49 le 02 juin 2021, 19:14, modifié 3 fois.
Sauvegardez le profil de votre Firefox , avant d'y faire des modifications(install, etc..) ;-)
"Le bonheur est souvent la seule chose qu'on puisse donner sans l'avoir, et c'est en le donnant qu'on l'acquiert." Voltaire
Image
egval
Lézard à collerette
Messages : 267
Inscription : 02 juin 2006, 11:07

Re: Problème affichage onglets avec maj 89.0

Message par egval »

Super Merci!
La solution "Passer browser.proton.contextmenus en false. Réduction des espaces entre les M-P." a remis les espacements ente chaque marque page et chaque dossier à la normale!

:) :) :)
Avatar de l’utilisateur
lool_lauris
Animal mythique
Messages : 7151
Inscription : 14 mars 2008, 22:51

Re: Problème affichage onglets avec maj 89.0

Message par lool_lauris »

[modération]
Les posts de epsilon9f et les réponses reçues ont été déplacés vers cette nouvelle discussion.
Afin de conserver des discussions claires, chacun son sujet.
[/modération]lool-lauris
.
Soutenez le Libre !

Image
noftal
Iguane
Messages : 587
Inscription : 16 mai 2005, 13:12

Re: Problème affichage onglets avec maj 89.0

Message par noftal »

Le réglage browser.proton.enabled = false permet de revenir encore un peu plus au look d'avant
AndreD
Arias
Messages : 15
Inscription : 27 déc. 2019, 18:44

Re: Problème affichage onglets avec maj 89.0

Message par AndreD »

Salut egval et noftal, merci pour vos réponses,

Sous "Outils" il n'y a plus "Options".

Je ne reconnais plus Fox que j'utilise depuis 2005.

Bon, il semble que partout sur le net on passe du très bien au moins bien. :x
Agent virtuel

Re: Problème affichage onglets avec maj 89.0

Message par Agent virtuel »

Bonjour

Outils -> Paramètres

Et sinon et à propos about:config https://support.mozilla.org/fr/kb/edite ... on-firefox
noftal
Iguane
Messages : 587
Inscription : 16 mai 2005, 13:12

Re: Problème affichage onglets avec maj 89.0

Message par noftal »

AndreD a écrit : 03 juin 2021, 09:55
Bon, il semble que partout sur le net on passe du très bien au moins bien. :x
Les goûts et les couleurs...
Synchronisez
Arias
Messages : 14
Inscription : 03 juin 2021, 13:37

Re: Problème affichage onglets avec maj 89.0

Message par Synchronisez »

noftal a écrit : 02 juin 2021, 23:44 Le réglage browser.proton.enabled = false permet de revenir encore un peu plus au look d'avant
Merci tu me sauves la vie !
Je suis sur firefox depuis 10 ans et c'est la première fois qu'une MAJ flingue autant toute mon habitude de travail :mrgreen:
J'ai perdu une journée de travail à tout refaire :mrgreen:
AndreD
Arias
Messages : 15
Inscription : 27 déc. 2019, 18:44

Re: Problème affichage onglets avec maj 89.0

Message par AndreD »

Bon, je ne comprend rien. En plus si on veut revenir en arrière on nous signale qu'il peut y avoir des risques de sécurité.

Même la barre d'outil s'en va, il faut la remettre en faisant "ALT". mais elle ne reste pas.

Pour contacter Mozilla ils ne connaissent le Français que jusqu'à faire un don, après c'est en Anglais. Sauf que maintenant les dons c'est fini, on ne fout pas les gens dans la m.... du jour au lendemain. Il en sera de même pour mes abonnés dont certains ont encore la bonne version.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 14 invités