[Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse

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

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

[Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse

Message par Robert Mitchum »

Bon matin à tous,

Le code CSS permettant d’afficher la barre d'onglets sous la barre d'adresse est inactif en V113.

Code : Tout sélectionner

/*** Inhiber le texte 'Depuis ce site web" sous les identifiants enregistrés ***/
richlistitem[originaltype="loginWithOrigin"] .line2-label {
  display: none !important;
}

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

.bookmark-item[container], treechildren::-moz-tree-image(container)
{ fill: #1C86EE !important; }

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

.
Si une âme charitable pouvait me permettre (et à bien d'entre nous) de trouver moyen d'afficher la barre d'onglets sous la barre d'adresse, qu'elle en soit mille fois remerciée...

Bonne journée.
Last edited by Robert Mitchum on 10 May 2023 6:14, edited 3 times in total.

Dernière modification par Robert Mitchum le 24 sept. 2023, 21:14, modifié 4 fois.
Le Canada, c'est bien ... le Québec, c'est mieux
Agent virtuel

Re: FF 113 - barre d'onglets au-dessus de la barre d'adresse

Message par Agent virtuel »

Bonjour

Pareillement, je vous souhaite une agréable journée, ainsi qu'à @

Comment placer Onglet sous la barre de recherche voir sous la barre personnel? viewtopic.php?t=150048

https://www.reddit.com/r/FirefoxCSS/com ... to_do_this

only needed to find and replace two lines;
-moz-box-ordinal-group: 2;, replace with order: 2; .
-moz-box-orient: vertical , replace with flex-direction: column;

Code : Tout sélectionner

/* 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{
order: 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{ flex-direction: column } }

: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 }

Image

Ajout
https://www.reddit.com/r/FirefoxCSS/com ... lt_element

Dernière modification par Agent virtuel le 10 mai 2023, 07:58, modifié 1 fois.
Avatar de l’utilisateur
Robert Mitchum
Varan
Messages : 1130
Inscription : 31 oct. 2006, 16:52

Re: FF 113 - barre d'onglets au-dessus de la barre d'adresse

Message par Robert Mitchum »

Merci AV ... Rapide, simple, efficace :)

Passe une agréable journée.

Dernière modification par Robert Mitchum le 24 sept. 2023, 21:15, modifié 1 fois.
Le Canada, c'est bien ... le Québec, c'est mieux
Melusine
Salamandre
Messages : 35
Inscription : 17 févr. 2006, 13:33

Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse

Message par Melusine »

Merci pour la solution.

Minusk
Arias
Messages : 15
Inscription : 11 févr. 2017, 12:47

Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse

Message par Minusk »

Merci fonctionne parfaitement

mikmik
Arias
Messages : 11
Inscription : 05 déc. 2019, 19:12

Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse

Message par mikmik »

Super ! Merci ! Au top ! Tout à fais ce que je cherchais. J'en ai marre de devoir toujours tous les 6 mois rechercher quelle manipulation faire pour la remettre en-dessous... ça devrait être dans les options de base !

harmattan
Gecko
Messages : 80
Inscription : 18 nov. 2004, 14:59

Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse

Message par harmattan »

Bonjour à tous,

CSS modifié, merci @Robert Mitchum.

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

Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse

Message par Robert Mitchum »

harmattan a écrit :

...merci @Robert Mitchum.

Oups ... merci @Agent virtuel :)

Dernière modification par Robert Mitchum le 24 sept. 2023, 21:15, modifié 1 fois.
Le Canada, c'est bien ... le Québec, c'est mieux
harmattan
Gecko
Messages : 80
Inscription : 18 nov. 2004, 14:59

Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse

Message par harmattan »

Rendons à César ce qui appartient à Jules!!!

ff
Lézard à collerette
Messages : 232
Inscription : 05 avr. 2006, 23:58

Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse

Message par ff »

Merci Agent virtuel pour ta constance et ton efficacité !

vinces
Lézard à collerette
Messages : 288
Inscription : 05 nov. 2003, 01:16

Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse

Message par vinces »

Bonjour a tous, comment peut-on intégrer ce genre de modif sur un Imac ?

phil64
Gecko
Messages : 87
Inscription : 22 févr. 2007, 18:54

Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse

Message par phil64 »

Ben je sais pas comment vous faites mais moi ça marche pas, j'ai toujours la barre d'onglets en haut, au dessus de la barre d'adresse. J'ai bien fait la modif du fichier userChrome mais ça ne change strictement rien.
Voilà ce que j'ai

Et je veux revenir à ce que j'avais avant la version 113, la barre d'onglets à la place de la barre perso et vice versa.

Image

Phil
Agent virtuel

Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse

Message par Agent virtuel »

Bonsoir

Si ce code présenté par Kirth GERSEN (modifié compte tenu des circonstances) peut-être utile

Code : Tout sélectionner

/* 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{
order: 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{ flex-direction: column } }

: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 }

Copier/coller le code (par exemple) dans un Bloc-notes
Enregistrer
Type : Tous les fichiers
userChrome.css

Créer un dossier chrome
Déplacer userChrome.css vers votre dossier chrome

Dirigez-vous vers votre dossier de profil
https://support.mozilla.org/fr/kb/profi ... mon-profil Ouvrir le dossier correspondant
Déplacer votre dossier chrome vers votre dossier de profil

about:config https://support.mozilla.org/fr/kb/edite ... on-firefox
Rechercher une préférence toolkit.legacyUserProfileCustomizations.stylesheets
Pour une préférence booléenne (true/false), cliquez sur le bouton Inverser Image lui donner la valeur true

Arrêt Firefox démarrer Firefox

Ajout, et selon les cas ...
Afficher la barre de titre https://support.mozilla.org/fr/kb/perso ... ersonnelle

Pour afficher la barre de titre : cochez la case à côté de Barre de titre en bas à gauche

phil64
Gecko
Messages : 87
Inscription : 22 févr. 2007, 18:54

Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse

Message par phil64 »

Merci Agent Virtuel d'avoir remis toutes les étapes. J'avais tout bon sauf, sauf ... le toolkit.legacy... qui était à "false". Car j'avais re-installé Firefox dans l'après midi et donc de true dans l'ancien il était devenu false !

Phil
xuo
Arias
Messages : 11
Inscription : 08 nov. 2005, 21:19

Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse

Message par xuo »

Bonjour,

Merci à tous pour le code. Il marche très bien (je suis sous Linux).

Xuo.

Verrouillé

Qui est en ligne ?

Utilisateurs parcourant ce forum : Bing [Bot] et 6 invités