Agencement de barre [Résolu]

[Cucurbitacé]

si tu parles du code de /* Override vertical shifts when moving a tab */
je sais pas trop..
après avoir regardé ...
cela semble déplacer la barre d'onglets en bas
et la positionner sur un espace préalablement créé (en bleu clair)
voir avec Agent Virtuel ..
c'est lui qui m'a donné le code.

Bonjour,

Tentez de retirer la dernière partie, il se pourrait qu’elle soit de trop à => en lire ce code <= des lignes 148 à 158.

Code : Tout sélectionner

#TabsToolbar {
 display: block !important;
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
 }

Cordialement.

[Anonyme1]

Bonjour,

Tentez de retirer la dernière partie, il se pourrait qu’elle soit de trop à => en lire ce code <= des lignes 148 à 158.

Code : Tout sélectionner

#TabsToolbar {
 display: block !important;
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
 }

salut Cucurbitacé
j'ai fait l'essai comme tu l'indiques, cela supprime bien le rectangle noir, mais la Barre d'onglets repasse en haut, donc pas bon

Après de très, très .... longue recherche, j'ai peut-être trouvé (tester et fonctionne avec Firefox portable 74)
@epsilon9f
à la suite de ton code que tu donnes ici viewtopic.php?p=899812#p899812, il faut ajouter ceci:

Code : Tout sélectionner

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

Ce qui donne avec ton code en entier:

Code : Tout sélectionner

/* Makes bookmarks toolbar span multiple rows */

#PersonalToolbar{
  --multirow-bmb-n-rows: 3; /* Control how many rows are shown before scrolling */
  --multirow-bmb-row-margin: 2px; /* Control how much spacing is between rows */
  max-height: none !important;
}

#PlacesToolbar > hbox{ 
  display: block;
  width: 100vw;
}

#PlacesToolbarItems{
  display: flex;
  flex-wrap: wrap;
  /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
  max-height: calc(var(--multirow-bmb-n-rows) * (5px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,2px))))) !important;
  overflow-y:auto;
  scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ;
  scrollbar-width: thin;
}

/* Hide the all-bookmarks button */
#PlacesChevron{ display: none }

/* Add some spacing between rows */
#PlacesToolbarItems > .bookmark-item{ margin: var(--multirow-bmb-row-margin) 3px !important;  }

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#TabsToolbar {
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}

#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
--tab-min-height: 32px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
--tab-min-height: 32px !important; /* needs to be the same as above under :root */
--tab-min-width: 100px !important;
}

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
}

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

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

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

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

A+

[Agent virtuel]

Bonjour

GlopGlop

Pour ma part
Retour d'information code en entier
https://drive.google.com/file/d/1XZxPS7 ... sp=sharing

[epsilon9f]

Re à vous.

Merci GlopGlop & Agent Virtuel
Tout marche bien
Encore grand merci de votre aide à tous.

[Agent virtuel]

Ok

La fermeture à droite x, apparemment il est nécessaire de cliquer 2 fois sur le x pour fermer Firefox, consécutif à utilisation action touche clavier ALT

Par contre selon constat avec le css et utilisation action touche clavier ALT il n'est pas possible d'utiliser la fermeture à droite x

[epsilon9f]

Re Agent Virtuel.

J'ai utilisé Alt, et je n'ai pas remarqué de pb de fermeture de Firefox en cliquant sur la croix

Utilisé une Fois Alt, pas de pb de fermeture de Firefox (Ouverture de la Barre de Menu)
Utilisé 2 Fois Alt, pas de pb de fermeture de Firefox (Fermeture de la Barre de Menu)

Quel pb as tu constaté ?
et procédure ?

[Agent virtuel]

Pour ma part constaté
https://drive.google.com/file/d/1ZD5lP9 ... sp=sharing

[Anonyme1]

Bonjour,
même constat que epsilon9f, aucun problème après affichage de la barre de menu avec Alt et fermeture de Firefox sur croix
Je clique une seule fois pour fermer Firefox avec la Barre de menu afficher.
@Agent virtuel
je constate que sur ta dernière démonstration ( 28 mars 2020 13:48), que sans le dossier chrome ... →userChrome.css installer tu es obligé de cliquer 2 fois pour fermer Firefox, ce qui n'est déjà pas normal, de plus l'on peut voir que l'onglet ne se trouve pas complètement sur la gauche, mais comporte un espace entre le bord gauche et l'onglet, ton profil a peut-être un bug
A+

[Agent virtuel]

Bonjour

Ne vous inquiétez pas pour moi ...

[Agent virtuel]

l'on peut voir que l'onglet ne se trouve pas complètement sur la gauche, mais comporte un espace entre le bord gauche et l'onglet

Ceci me semble normal
Illustration https://www.mozilla.org/fr/firefox/new


https://drive.google.com/file/d/1nlUyzo ... sp=sharing

Et sinon cliquez deux fois en haut de Firefox pour voir disparaître l'espace entre le bord gauche et l'onglet

[Anonyme1]

Bonjour,

Ceci me semble normal
Illustration https://www.mozilla.org/fr/firefox/new

je ne crois pas que cela soit normal, tester avec Firefox portable 74, l'onglet est sur le bord gauche et si l'on regarde les capture de epsilon9f en première page (sans le code CSS) l'onglet est aussi complètement a gauche
Pas grave l'on est hors sujet et le poste est marqué Résolu.
A+

[Agent virtuel]

Cause
Firefox est en mode réduit
Mais si vous cliquez deux fois en haut de Firefox (mode agrandi) alors l'espace entre le bord gauche et l'onglet disparaît

Et sinon
https://portableapps.com/apps/internet/firefox_portable
Constat identique alternativement utilisation ALT
https://drive.google.com/file/d/1UDQDV3 ... sp=sharing

[epsilon9f]

Re à tous.

Si cela peut aider...

=> En Mode Plein écran No Pb :



=> En Mode Réduit, Idem, No Pb

A part un tout petit espace qui se crée lorsque je passe en mode réduit entre le Nom de L'onglet et le Bas de la Barre Perso Multiligne
(Lorsque je reviens en mode plein écran, tout revient normal)


Et dans les 2 cas..
Mon 1° Onglet est bien aligné à gauche..

Pour mon info Agent Virtuel, comment fais tu pour faire des gifs ? quel logiciel ?

[Cucurbitacé]

Pour mon info Agent Virtuel, comment fais tu pour faire des gifs ? quel logiciel ?

Bonjour,

Ce sont des logiciels pour filmer l’écran, donc ce que vous faites à l'écran ; il y en a en FreeWare.

Le logiciel VideoLam (VLC) le permet => Média => Ouvrir un périphérique de capture ; Mode de capture prendre Bureau ; débit d'images pour la capture, jouer avec pour la qualité ; l'icône en bas lire, cliquer sur la flèche et sélectionner convertir, une fenêtre va apparaitre, destination tout en bas, choisir le lieu de stockage du fichier et un nom.

Cordialement.

[Agent virtuel]

Bonjour

comment fais tu pour faire des gifs ? quel logiciel ?

Pour ma part
Avec l'aide de https://www.cockos.com/licecap