[Résolu] FF 71 et barre de menus

[Robert Mitchum]

Bonjour,

Afin de placer la barre d'onglets sous la barre d'adresse, j'utilise (comme bon nombre d'entre nous) un code CSS fourni par Freddy.
Hélas ... la V71 place la barre de menus sous la barre d'adresse, au lieu de la laisser sous la barre de titre



Voici le code fourni par Freddy :

Code : Tout sélectionner

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

/*===================== 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;
}

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

/*!!!!! barre de titre active !!!!!*/
#main-window:not([tabsintitlebar]) #toolbar-menubar {
  position: fixed !important;
  top: 0px !important;
}

/* ajuster position verticale barre d'outils */
#main-window:not([tabsintitlebar]) > #navigator-toolbox {
  margin-top: 20px !important; 
}

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

/*==================== 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 ==========================*/

Si une âme charitable championne du CSS pouvait m'aider (et aider la communauté) à retrouver la configuration suivante :
1/ Barre de titre
2/ Barre de menus
3/ Barre d'adresse
4/ barre d'onglets

Merci !

[phil64]

Moi aussi j'ai le même problème, pourquoi faut-il que ces "développeurs" modifient qq chose qui était ergonomique. En haut maintenant y'a une barre sans utilité mais qui diminue d'autant la fenêtre !

[vinces]

Je pense que nous sommes plusieurs a attendre une réponse a ce sujet, moi le premier.

[Mapenzi]

Bonjour,
dans l'attente d'une réponse de Freddy j'ai fait une visite chez nos voisins d'outre-Rhin qui sont les champions du bidouillage.
En parcourant ce fil https://www.camp-firefox.de/forum/thema ... /?pageNo=2 j'ai été aiguillonné par le message #26 (vive le BVB Dortmund ) vers le fil suivant https://www.computerbase.de/forum/threa ... n.1852242/ , en particulier au message #4 :
il faut télécharger le fichier chrome.rar, le dézipper et mettre les fichiers résultants userChrome.css et tabs_below_navigation_toolbar.css dans le dossier "chrome" du profil.

Étant moi-même sous macOS je ne peux pas tester ces codes car le code "tabs on bottom" pour la version Mac de Firefox 71 est différent de celui pour la version Windows. Et le mien fonctionne toujours depuis quelques versions (depuis 67 je crois) et il fonctionne même dans Firefox Nightly 73.

EDiT:
sinon voir aussi le message de cor-el dans le Support Mozilla https://support.mozilla.org/questions/1 ... er-1192325

[Robert Mitchum]

Merci Mapenzi pour le dernier lien.

Je viens de tester le code donné, ça fonctionne (tout petit hic, en navigation privée le petit "masque' mauve n’apparait pas)

Code : Tout sélectionner

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* TABS: on bottom - Firefox 65 and later */

#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
  -moz-box-ordinal-group: 10 !important;
}

#TabsToolbar {
  -moz-box-ordinal-group: 1000 !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
/* width: 100vw !important; */
}

:root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"])
 #toolbar-menubar[autohide="true"] ~ #TabsToolbar{
  bottom: var(--tab-min-height) !important;
  padding-top: calc(var(--tab-min-height) - 20px) !important; /* may need adjustment */
}

#tabbrowser-tabs {
  width: 100vw !important;
}

:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 1px); /* may need adjustment */
}

/* TABS: height */
:root {
  --tab-toolbar-navbar-overlap: 0px !important;
  --tab-min-height: 25px !important; /* adjust */
}

:root #tabbrowser-tabs {
  --tab-min-width: 80px !important; /* adjust */
}

#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;
}

#TabsToolbar {
  height: var(--tab-min-height) !important;
  margin-bottom: 1px !important;
  box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /* omit */
  background-color: var(--toolbar-bgcolor) !important;
  color: var(--toolbar-color) !important;
}

/* indicators */
.private-browsing-indicator {display: none !important;}
.accessibility-indicator    {display: none !important;}

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

/* 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;
}

/* windows controls - hide */
#TabsToolbar #window-controls {display: none !important;}

/* caption box - hide */
:root[tabsintitlebar]:not([inFullscreen="true"])
 #toolbar-menubar[autohide="true"] ~
  #TabsToolbar .titlebar-buttonbox-container {display: none !important;}

Bonne journée

[Minusk]

Merci, Effectivement ce css fonctionne bien.
Seul petit reproche pour ma part les onglets sont vraiment petit

Edit : Pour les onglets trop petit modifier à 100 la valeur
:root #tabbrowser-tabs {
--tab-min-width: 100px !important; /* adjust */

[Robert Mitchum]

... wé, mais petits en-têtes = fenêtre de navigateur plus grande

[Mapenzi]

Je viens de trouver ce message de dickvl dans le fil "Tabs Back On Top Again!" du forum américain :
Post
Une modification assez simple à tester.

[phil64]

Ces modifs ne donnent pas ce que je cherche (et ce que cherche mitchum)

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

La barre de menus (ficheir, edition, affichage) est entre celle d'adresse et les onglets. Moi je veux la barre des menus en premier, tout en haut, au dessus de la barre d'adresse

[vinces]

Ces modifs ne donnent pas ce que je cherche (et ce que cherche mitchum)

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

La barre de menus (ficheir, edition, affichage) est entre celle d'adresse et les onglets. Moi je veux la barre des menus en premier, tout en haut, au dessus de la barre d'adresse

C'est exactement ce que j'ai avec cette modif et en dessous les onglets

[Krg]

Pour moi:
Barre de menus
Barre d'adresse
Barre personnelle
Barre d'onglets

Voir l'autre discussion Minusk où donne une solution: viewtopic.php?f=5&t=142831&sid=25ff97e6 ... 779069876a

[vinces]

Il faut activer la barre titre;
Clique droit sur le barre de menu et choisir l'affichage de la barre titre ou non

[Bob49]

Salut

Ces modifs ne donnent pas ce que je cherche (et ce que cherche mitchum)

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

La barre de menus (ficheir, edition, affichage) est entre celle d'adresse et les onglets. Moi je veux la barre des menus en premier, tout en haut, au dessus de la barre d'adresse

L'ordre est bon...je viens de teste ce code (et l'utiliserai).

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

Et je vois pas pourquoi tu dis que cela ne convient pas à Robert, alors que lui est satisfait !.. D'ailleurs, il a marqué son fil comme résolu.

N'aurais-tu pas déjà d'autres codes qui pourraient poser problème ?

Il faut activer la barre titre;
Clique droit sur le barre de menu et choisir l'affichage de la barre titre ou non

Même sans la barre de titre, l'ordre est le même :

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

************************
Si vous avez des problèmes à force de mettre des codes, il faut faire le ménage...

[phil64]

Voyons, je m'y perds un peu, c'est quel code que je dois utiliser ? J'ai déjà un fichier userChrome.css qui date de mai 2019 et j'ai actuellement (depuis la version 71, avant c'était bon):
barre d'adresse
barre perso (multi row)
barre de menus
barre d'onglets

Edit: Je clôture, c'est bon !!! (avec le lien de krg et en conservant le code de la multi row)

[Bob49]

16:55
Voyons, je m'y perds un peu, c'est quel code que je dois utiliser ?

Celui du 2ème message de Robert. c'est là qu'il est satisfait !..

Et si tu vérifiai sans ton code "barre perso (multi row)" ? Mets celui-ci de côté..