[Résolu] - Barre de menus FF 114.01

[vinces]

En mettant a jour FF sur un PC portable sous Win7, j'ai eu la surprise de voir la barre d'onglets par-dessus (pas au-dessus) la barre de menu rendans les deux barres illisibles.

Après avoir apporté les modifs dans le userchrome pour descendre la barre d'onglet sous la barre de signets, les choses redeviennent presque normales, presque car la barre de menus est trop haute et les intitulés sont tronqués

Quelqu'un aurait déja rencontré un soucis identique ?

[Bidouille]

Win7 est imprécis, quelle est l'édition ?

Merci de mettre une copie d'écran du problème.

[Agent virtuel]

Bonjour

En mettant a jour FF sur un PC portable sous Win7, j'ai eu la surprise de voir

C'est normal, et probablement pour cette raison https://support.mozilla.org/fr/forums/c ... post-85381

Edit : ajout viewtopic.php?t=151400
Option of putting the tabs BELOW the address bar https://connect.mozilla.org/t5/ideas/op ... idi-p/2382
https://connect.mozilla.org, accessible aussi via Firefox, Aide -> Partager des idées et des commentaires.....

Autre information

Note : les règles de style personnalisées ne prennent pas forcément effet en raison d’autres paramètres (tels que l’incompatibilité avec d’autres règles de style personnalisées) qui échappent au contrôle de la communauté de Mozilla. Vos règles de style personnalisées peuvent également cesser de fonctionner à chaque nouvelle version de Firefox.

Apparemment, vous pratiquez le userChrome.css

Et ? dans un premier temps, repartir de zero, et ne prendre uniquement, que le code, qui vous intéresse, que se passe-t-il

[vinces]

C'est ce que j'ai fait, j'ai un userchrome tout neuf (a noter que sans userchrome j'ai un mélange de la barre de menus et de la barre d'onglet, Je suis sous Win 7 Home premium

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 }

/* Modification pour un menu compact FF 113 */
#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;
}




/* Ajout d'icônes aux éléments du menu principal qui ont été supprimés dans 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) }

On voie que la barre de menu est legerement tronqué mais ça reste lisible, j'ai mis la totalité de la partie haute car on voie que les trois boutons de droite ne sont pas touchés par le problème

[Agent virtuel]

La barre de menu est légèrement tronqué mais ça reste lisible, c'est lorsque vous agrandissez la fenêtre Firefox
En fenêtre réduite, la barre de menu n'est pas tronqué

Sinon, essayer
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

[The harpy]

Bonjour
@vinces

On voie que la barre de menu est legerement tronqué

Sur la premiere ligne du code
:root{ --uc-titlebar-padding: 0px; }
tu remplaces le 0px par 8px
ceci doit descendre le menu
.
.
.
[contenu modéré - 2023-09-22 19:30]
L'ajout à ce message effectué plusieurs semaines après sa date d'origine, n'a strictement rien à voir avec la teneur de la discussion.
De plus, cet ajout a été porté sur 22 autres messages contenus dans 18 fils de discussion différents. Le flood (l'inondation) n'est pas autorisé.

[vinces]

Merci The Harpy, c'était bien ça, a noter que le réglage est parfait à 4px (ça marchait aussi a 8, bien sur)