[Résolu ??] Firefox Quantum déplacer les onglets au bas de la barre

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 : Mori, myahoo, jpj, nico@nc

Avatar de l’utilisateur
Cucurbitacé
Tyrannosaurus Rex
Messages : 3871
Inscription : 22 juil. 2012, 05:27

Re: [Résolu ??] Firefox Quantum déplacer les onglets au bas de la barre

Message par Cucurbitacé » 28 févr. 2019, 21:21

Bonsoir eddynat,

En ce qui me concerne je ne suis pas d’accord, j’aime que l’onglet soit au-dessus de la barre d’adresse (navigation).
Peut-être parlez-vous des autres barres : personnelles, etc.

Pour votre code, il me semble que la ligne obligatoire en xul, depuis la version 65 n’est plus obligatoire.

Bien à vous.

epsilon9f
Lézard vert
Messages : 138
Inscription : 29 sept. 2007, 19:29

Re: [Résolu ??] Firefox Quantum déplacer les onglets au bas de la barre

Message par epsilon9f » 16 mars 2019, 09:27

Re Freddy,

J'ai intégré ton code afin de pouvoir utiliser la zone Rouge pour le déplacement.
Image

Par contre il m'arrive un dernier souci..
Avant ma ligne perso et ma ligne de d'adresse étaitent sous fond blanc

Image

Avec ta modif (qui permet de bouger avec la zone rouge)
Je me retrouve avec un fond transparent derrière ma ligne perso et la ligne d'adresse
et de ce fait,
je ne peux plus lire facilement les intitulés de mes dossiers perso.

Image


Je préférerais avoir le fond blanc comme avant je trouve que c'est plus lisible ..
comme cela je pourrais voir plus facilement les intitulés.

(pour info je n'ai aucun thème d'installé)

Merci de ton aide par avance

Avatar de l’utilisateur
Cucurbitacé
Tyrannosaurus Rex
Messages : 3871
Inscription : 22 juil. 2012, 05:27

Re: [Résolu ??] Firefox Quantum déplacer les onglets au bas de la barre

Message par Cucurbitacé » 16 mars 2019, 15:54

epsilon9f a écrit :
16 mars 2019, 09:27
Re Freddy,

Par contre il m'arrive un dernier souci..
Avant ma ligne perso et ma ligne de d'adresse étaitent sous fond blanc
Bonjour epsilon9f,

Je pense que vous devez lire le code, car Freddy a tout indiqué, dans son code je lis cela :
/*** supprimer couleur de fond des barres navigation-perso ***/
.browser-toolbar:not(.titlebar-color) {
background-color: transparent !important;
}
Supprimez cette ligne et voyez le résultat, si cela ne change rien, vous pourrez toujours la remettre à sa place.

Bien à vous.




Freddy a écrit :
16 févr. 2019, 00:09

:arrow: 1°cas: pour gagner de l'espace, avec la barre de menu cachée qui apparait au survol-souris en haut-gauche en fenêtre maxi:

Code : Tout sélectionner

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

/*============================= barre MENU en haut ===========================*/
/*!!! barre de titre désactivée !!!*/
/*** fenêtre maxi ***/
/* barre Menu cachée */ 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
  position: fixed !important;
  top: -10px !important;
  z-index: 100 !important;
  background-color:rgba(100%,80%,20%,0.9) !important;
  transition-duration: 500ms !important;
}

/* barre Menu visible au survol-souris (haut-gauche fenêtre) */
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar:hover {
  top: 8px !important;
  transition-duration: 300ms !important;
}


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



/*..........................................................................*/
/* créer espace pour préhension/glisser fenêtre (équivalent barre de titre) */
#main-window[tabsintitlebar][sizemode="normal"]:not([sizemode="fullscreen"]) #nav-bar {
  margin-top: 26px !important;
}

#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
  margin-top: -5px !important;
  -moz-window-dragging: drag !important;
}

/*.........................................................................*/



/*!!! barre de titre activée !!!*/
/*** fenêtre maxi ***/
#main-window[sizemode="maximized"] #toolbar-menubar {
  position: fixed !important;
  top: 0 !important;
}

#main-window[sizemode="maximized"] > #navigator-toolbox {
   margin-top: 20px !important;
}


/*** fenêtre redimensionnable ***/ 
#main-window[sizemode="normal"] #toolbar-menubar {
  position: fixed !important;
  top: 0 !important; 
}
#main-window[sizemode="normal"] > #navigator-toolbox {
   margin-top: 20px !important;
}

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


/**************************************************************************/
/*!!!!!!!!!!! à activer SEULEMENT SI les 2 conditions suivantes!!!!!!!!!!!*/
/*!!! Si barre de titre active !!!*/
/*!!! Si barre de menu désactive !!!*/
/* ajuster position verticale barre d'outils */

/*
#main-window:not([tabsintitlebar]) > #navigator-toolbox {
  margin-top: 0px !important; 
}
/**/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!! fin conditions !!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*************************************************************************/


/*====================== barre ONGLET dessous ===========================*/
#titlebar { -moz-box-ordinal-group: 3 !important; 
}

/*** réduire l'espace avec barre perso-onglets ***/

/* règle en fenêtre maxi utile seulement pour windows */
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox > #titlebar {
  -moz-appearance: -moz-window-titlebar !important;
}

/* fenêtre redimensionné sans barre menu */
:root[sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
}
#main-window[sizemode="normal"] > #navigator-toolbox > #titlebar > #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
    margin-top: 0 !important;
}


/*** ajuster position verticale barre d'outils ***/
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
  margin-top: 10px !important; 
}


/*** décaler barre navigation horizontalement pour visualiser boutons fenêtre ***/
#main-window[tabsintitlebar][sizemode="maximized"] #nav-bar {
  margin-right: 105px;
}

/*** déplacer décalage de la barre d'onglets pour l'espace des boutons fenêtre  ***/
/*sans thème (fenêtre redimensionnable)*/
#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: -13px; right: 0; 
}

/* (fenêtre maxi) */
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox > #titlebar .titlebar-buttonbox-container{
  position: fixed !important; top: -5px; right: 0; 
}


/*** ajuster position horizontale barre d'onglets ***/
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
  margin-right: -37px; 
}

#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[inactive="true"] + #TabsToolbar {
  margin-left: -40px; margin-right: -40px; 
}





/*** supprimer couleur de fond des barres navigation-perso ***/
.browser-toolbar:not(.titlebar-color) {
    background-color: transparent !important;
}

/*** diminuer trait entre barre menu-navigation (fenêtre redimensionné avec thème) ***/
#main-window[sizemode="normal"] > #navigator-toolbox:-moz-lwtheme {
    border-top: none !important;
}

/*** supprimer trait entre barre perso-onglets ***/
/*
#navigator-toolbox::after {
  border-bottom: none !important;
}
/*actuellement pas activé*/

/*========================= FIN barre onglet dessous =======================*/
:arrow: 2°cas: pour ceux qui veulent l'affichage normal de la barre de menu (toujours visible) en fenêtre maxi (le comportement en fenêtre redimensionnable et identique dans les deux cas)

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;
   width:100vw !important;
}

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




/*..........................................................................*/
/* créer espace pour préhension/glisser fenêtre (équivalent barre de titre) */
#main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
  margin-top: 26px !important;
}

#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
  margin-top: -5px !important;
  -moz-window-dragging: drag !important;
}

#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox {
  margin-top: 2px !important;
  -moz-window-dragging: drag !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 ========================*/



/**************************************************************************/
/*!!!!!!!!!!! à activer SEULEMENT SI les 2 conditions suivantes!!!!!!!!!!!*/
/*!!! Si barre de titre active !!!*/
/*!!! Si barre de menu désactive !!!*/
/* ajuster position verticale barre d'outils */

/*
#main-window:not([tabsintitlebar]) > #navigator-toolbox {
  margin-top: 0px !important; 
}
/**/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!! fin conditions !!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*************************************************************************/



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

/* fenêtre redimensionné sans barre menu */
:root[sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
}
#main-window[sizemode="normal"] > #navigator-toolbox > #titlebar > #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar > .toolbar-items {
    margin-top: 0 !important;
}



/*** déplacer décalage de la barre d'onglets pour l'espace des boutons fenêtre  ***/
/*sans thème (fenêtre redimensionnable)*/
#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: -13px; right: 0;  
}

/* (fenêtre maxi) */
#main-window[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox > #titlebar .titlebar-buttonbox-container{
  position: fixed !important; top: -5px; right: 0; 
}


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



/*** supprimer couleur de fond des barres navigation-perso ***/
.browser-toolbar:not(.titlebar-color) {
    background-color: transparent !important;
}

/*** diminuer trait entre barre menu-navigation (fenêtre redimensionné avec thème) ***/
#main-window[sizemode="normal"] > #navigator-toolbox:-moz-lwtheme {
    border-top: none !important;
}

/*** supprimer trait entre barre perso-onglets ***/
/*
#navigator-toolbox::after {
  border-bottom: none !important;
}
/*actuellement pas activé*/


/*======================= FIN barre onglet dessous ==========================*/

epsilon9f
Lézard vert
Messages : 138
Inscription : 29 sept. 2007, 19:29

Re: [Résolu ??] Firefox Quantum déplacer les onglets au bas de la barre

Message par epsilon9f » 16 mars 2019, 17:36

Re Cucurbitacé,

Pour ma part, je ne lis que très rarement tout ce code de script de Firefox.
qui est développé par vous tous.
Chapeau bas d'ailleurs .....

Pour ma part,
je ne suis pas un développeur dans l'âme....
Et ...
afin de faire des choses de correct en développement, cela demande beaucoup de temps et d'investissement
ce que je n'ai pas car j'investis mon temps autre part.
-
C'est pour cela que je fais appel a l'aide de ce forum pour trouver des solutions, ce à quoi je suis incapable de faire.
-
Car enfin même si on comprend un peu le code, 1 seule erreur peut faire planter plein de choses.
j'ai moi même développé sur d'autres langages et je sais que pour maitriser un langage cela demande beaucoup de temps et d'énergie..

Voilà Grand merci à vous tous cela marche enfin avec cette dernière correction.

Pour Finir,
je trouve que Firefox qui avant était un grand espace ouvert commence à restreindre ses étendues..
Ref à ces dernières modifications ..
Je suis étonné que Firefox change de cette manière ...

Grand Merci à vous tous, à Freddy et à PCA

Répondre

Qui est en ligne ?

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