Différences

Ci-dessous, les différences entre deux révisions de la page.

--- firefox [Le 07/09/2018, 18:47]
Torzivalds
+++ firefox [Le 23/09/2018, 14:58]
draco31.fr [Les Thèmes]
@@ Ligne 195: / Ligne 195: @@
 On les retrouve aussi dans le catalogue des Modules Complémentaires, et sur le site de Mozilla : [[https://addons.mozilla.org/fr/firefox/themes/|Thèmes Firefox]].
-Il est également possible de modifier de manière plus poussée l'apparence de l'interface en éditant un fichier userChrome.css à placer dans ~/.mozilla/firefox/répertoire_du_profil/chrome/ (le créer si besoin) . La documentation sur les sélecteurs css à utiliser est malheureusement inexistante.
+Il est également possible de modifier de manière plus poussée l'apparence de l'interface en éditant un fichier ''userChrome.css'' à placer dans ''~/.mozilla/firefox/répertoire_du_profil/chrome/'' (le créer si besoin) . La [[https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Tutorial/Modifying_the_Default_Skin|documentation (en)]] sur les sélecteurs CSS à utiliser est malheureusement très succincte. Toutefois on peut trouver la liste des [[https://developer.mozilla.org/en-US/docs/Web/CSS/Reference#Keyword_index|mot clés CSS (en)]] et des [[https://developer.mozilla.org/en-US/docs/Web/CSS/Mozilla_Extensions|extensions Mozilla (en)]].
+==== Masquer la barre d'onglet ====
+Certaines webextensions permettent d'utiliser la //sidebar//((barre latérale)) pour afficher les onglets verticalement((par exemple : [[https://addons.mozilla.org/fr/firefox/addon/tree-style-tab/|Tree Style Tab]] ou [[https://addons.mozilla.org/fr/firefox/addon/tab-center-redux/|Tab Center Redux]])), comme le navigateur [[Vivaldi]].\\
+Cependant, le [[https://bugzilla.mozilla.org/show_bug.cgi?id=1332447|bug #1332447 de Firefox]] ne leur permet pas de masque la barre d'onglet native, le fichier ''userChrome.css'' permet de palier à ce problème((source [[https://github.com/eoger/tabcenter-redux/wiki/Custom-CSS-Tweaks#userchromecss-tweaks|Tabcenter redux : Custom-CSS-Tweaks]])).
+<file css userChrome.css>
+/* Utiliser la touche ALT pour afficher le barre d'onglet et de menu */
+#toolbar-menubar[inactive="true"] + #TabsToolbar {
+  visibility: collapse !important;
+}
+@-moz-document url(chrome://browser/content/browser.xul)
+{
+    tab[pending], #alltabs-popup menuitem[pending]
+    {
+        opacity: 0.6 !important;
+    }
+}
+</file>
+==== Afficher les séparateur dans les menus (marque-pages) ====
+Le thème par défaut de Firefox Quantum n'affiche plus les séparateurs dans le menu déroulant, comme celui d'un dossier dans la barre personnelle des marque pages.\\
+Pour forcer l'affichage des séparateurs, ajouter le code ci-dessous au fichier ''userChrome.css'' :
+<file css userChrome.css>
+/* Rendre les separateurs dans les marques pages visibles */
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+menuseparator {
+  -moz-appearance:none !important;
+  margin: 2px 3px;
+  background: grey !important;
+  height: 1px !important;
+  padding: 0px !important;
+}
+</file>
 ===== Configuration avancée =====
 On va utiliser fréquemment la page ''about:config'' qui permet de configurer Firefox.