Page 1 sur 3
[Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse
Publié : 10 mai 2023, 07:03
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.
Re: FF 113 - barre d'onglets au-dessus de la barre d'adresse
Publié : 10 mai 2023, 07:08
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 }
Ajout
https://www.reddit.com/r/FirefoxCSS/com ... lt_element
Re: FF 113 - barre d'onglets au-dessus de la barre d'adresse
Publié : 10 mai 2023, 07:28
par Robert Mitchum
Merci AV ... Rapide, simple, efficace 
Passe une agréable journée.
Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse
Publié : 10 mai 2023, 18:28
par Melusine
Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse
Publié : 11 mai 2023, 16:46
par Minusk
Merci fonctionne parfaitement
Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse
Publié : 11 mai 2023, 20:57
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 !
Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse
Publié : 13 mai 2023, 08:49
par harmattan
Bonjour à tous,
CSS modifié, merci @Robert Mitchum.
Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse
Publié : 13 mai 2023, 09:01
par Robert Mitchum
harmattan a écrit : ...merci @Robert Mitchum.
Oups ... merci @Agent virtuel
Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse
Publié : 13 mai 2023, 13:56
par harmattan
Rendons à César ce qui appartient à Jules!!!
Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse
Publié : 13 mai 2023, 14:35
par ff
Merci Agent virtuel pour ta constance et ton efficacité !
Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse
Publié : 13 mai 2023, 16:17
par vinces
Bonjour a tous, comment peut-on intégrer ce genre de modif sur un Imac ?
Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse
Publié : 13 mai 2023, 20:27
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.
Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse
Publié : 13 mai 2023, 20:32
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 
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
Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse
Publié : 13 mai 2023, 21:17
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 !
Re: [Résolu] FF 113 - barre d'onglets au-dessus de la barre d'adresse
Publié : 14 mai 2023, 14:03
par xuo
Bonjour,
Merci à tous pour le code. Il marche très bien (je suis sous Linux).
Xuo.