Barre personnelle et marques pages

[vinces]

Bonjour a tous

Je souhaiterai pouvoir réduire l'espacement de mes dossier dans la barre personelle mais je n'y arrive pas, aujourd'hui dans le userchrome j'ai ceci mais ce ne semble pas pris en compte

/***Tighten up drop-down/context/popup menu spacing ***/

menupopup > menuitem, menupopup > menu {
padding-block: 2px !important;
}
:root {
--arrowpanel-menuitem-padding: 2px 2px !important;
}

[myahoo]

Salut,

Essaie d'ouvrir about:config dans la barre d'adresse (il y aura à confirmer l'accès) et cherche une valeur comme "userprofile" afin de trouver la ligne "toolkit.legacyUserProfileCustomizations.stylesheets" : est-ce que la valeur est bien passée à "true" ?

Si ce n'est pas le cas, clique sur la petite icône tout à droite de la ligne afin d'inverser la valeur, puis relance Firefox.

[vinces]

Merci pour ta réponse, j'avais déja vérifier et le parametre est bon, mais comme je place aussi la barre d'onglet en dessous de la barre personnelle, je n'étais pas inquiet sur ce parametre

[Freddy]

Bonjour,

Il faudrait préciser ce que tu souhaite au juste, pcq là, ton code fonctionne: il permet de réduire l'espacement entre les lignes (interligne) dans les différents menus et dossiers => ils prennent moins de place en vertical.

Est-ce que ce ne serait pas l'espace entre chaque dossier, pour que ça prenne moins de place (horizontalement) dans la barre perso ?

[vinces]

...
Est-ce que ce ne serait pas l'espace entre chaque dossier, pour que ça prenne moins de place (horizontalement) dans la barre perso ?

C'est bien l'espace horizontal entre chaque dossier que je cherche a réduire

[galoupia]

Dans la barre personnelle il est possible de mettre que le favicom sans titre pour gagner de la place

[Freddy]

ok, donc se serait plutôt un truc du genre:

Code : Tout sélectionner

#PlacesToolbarItems .bookmark-item[container] { 
    padding: 0 !important;
}

Sinon oui, vu que ça gagne pas beaucoup de place (à mon avis perso), en plus de ce que précise galoupia (mais qui ne concerne pas les dossiers), y a aussi la possibilité de supprimer l'icone des dossiers, et de les "déguiser" autrement pour les différencier quand-même des m-p simples.

Genre, par exemple seulement, comme dans la vidéo que j'ai indiqué à la fin de ce post: viewtopic.php?p=941738#p941738
Mais tout simplement en changeant la couleur du texte, du fond, des bords,... de la météo

[vinces]

je ne suis pas sur qu'on parle de la même chose;

dans ma barre personnelle, je n'ai que des dossiers (qui comprennent les marque pages). Mais l'espace horizontal entre chaque dossier est un peu trop grand et je désirerai le réduire. je n'ai pas d'icones dans le titre des dossiers.

[Freddy]

Oui, j'ai bien compris, mais quand je parle d'icône des dossiers, il s'agit du symbole qui est commun/identique pour tout les dossiers, à gauche du titre, pas celui des sites, voir comme sur ces captures trouvées sur le net (ce ne sont pas des captures perso)
https://www.dsfc.net/wp-content/uploads ... nnelle.jpg
https://www.fscf-bfc.fr/Fonctionnalites ... _barre.PNG

Si tu ne les as pas, tu dois avoir un code css qui les supprime déjà ?

Sans quoi, une capture de ton cas serait la bienvenue.

[vinces]

Voici la situation

Heureusement que lien fonctionne, car je n'arrive pas a mettre l'image correctement

[Modération] C'est corrigé

[Freddy]

Je ne sais pas si tu as d'autres règles dans ton fichier userchrome.css, on dirait aussi que tu en as une qui modifie ta police, en gras...
Peut-être aussi une histoire avec ton thème, mais je ne pense pas.

Pour vérifier tout ça je pense qu'un ptit essai en mode dépannage (menu 'Aide' -> 'Mode de dépannage') serait bien; ça inhibe temporairement les extensions-thème-css.

=============================
Pour l'image, une fois ton image prête sur ibb, dans le choix des codes d'intégration prendre "miniature de l'image" => "BBCode" , tu pointe sur l'url et un bouton "copie" s'affiche, et tu colle directement dans le message, pas besoin de balises.

[vinces]

voici l'intégralité de mon user chrome

Code : Tout sélectionner

/* Onglets en dessous de la barre d'adresse */

:root{ --uc-titlebar-padding: 4px; }
@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 2px !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) }


/* changer la couleur des dossiers Marque-pages/Historique (ok FF113) */
    .bookmark-item[container], treechildren::-moz-tree-image(container)   {
    list-style-image: url("dossier.png") !important;
}

[Freddy]

Ok, donc en mode de dépannage ils doivent bien s'afficher...
Car je pense que le problème vient de la toute dernière règle de ton userchrome:

Code : Tout sélectionner

/* changer la couleur des dossiers Marque-pages/Historique (ok FF113) */
    .bookmark-item[container], treechildren::-moz-tree-image(container)   {
    list-style-image: url("dossier.png") !important;
}

à vérifier:
logiquement ils ne s'affichent pas non plus pour les dossiers du panneau latéral, et même partout ?
et tu devrais avoir une image nommée dossier.png dans ton dossier 'chrome', celui qui contient aussi le fichier userChrome.css.
Mais je pense que quand tu as copier/coller le code, l'auteur à l'origine du code à noté "dossier.png" pour donné un nom générique, en exemple, et que c'est à toi d'adapter, de remplacer par le nom de l'image que tu as choisi, à moins que tu l'appelle effectivement dossier.png

Mais si le but est seulement de /* changer la couleur des dossiers Marque-pages/Historique */ alors

Code : Tout sélectionner

  .bookmark-item[container] .menu-iconic-left,treechildren::-moz-tree-image(container) 
{  color: blue !important}

[vinces]

Tu as raison, c'est bien la derniere règle qui pose problème.

J'ai bien un fichier dossier.png dans le répertoire Chrome où se trouve le userchrome, mais l'image ne s'affiche pas. J'ignore si c'est propre a Mac (habituellement je suis sous Win10).

En supprimant cette règle, l'image de dossier "standart" s'affiche bien, mais l'espacement n'est en rien modifié. La question est donc de savoir si cet espace (occupé par l'icone) peut etre récupéré pour afficher davantage de marque page

[Freddy]

La question est donc de savoir si cet espace (occupé par l'icone) peut etre récupéré pour afficher davantage de marque page

Ah oui, du coup j'en ai oublié le principal.
Donc voilà qui devrait faire l'affaire:

Code : Tout sélectionner

#PersonalToolbar .bookmark-item[container] > image {
  display: none !important;
}