Page 1 sur 1

Mégabar FF87 -> styler les suggestions [résolu]

Publié : 31 mars 2021, 19:38
par brol
Bonjour,

Lors d'une recherche dans la megabar des suggestions sont proposées. Je désire les styler et supprimer certaines infos :
1/ virer le bandeau entier contenant :
- "Pour cette fois-ci, recherche avec"
- la liste des moteurs de recherche dispo + onglets, favoris et historique
- bouton option

2/ modifier la taille de caractère des suggestions listées via la megabarre.

Merci

Re: Mégabar FF87 -> styler les suggestions

Publié : 31 mars 2021, 20:07
par Cucurbitacé
Bonjour brol,

Le nom du fichier ← vous indique ce qu’il fait, copiez/collez le code qui vous intéresse dans un fichier → userChrome.css

Cordialement.

Re: Mégabar FF87 -> styler les suggestions

Publié : 31 mars 2021, 23:11
par brol
Certes mais comme je ne connais pas le nom de chaque partie, c'est un peu compliqué...
Comment s'appelle le bandeau ? Si vous savez, partagez ;)

Re: Mégabar FF87 -> styler les suggestions

Publié : 01 avr. 2021, 00:12
par Cucurbitacé
Vous avez posé deux questions.

Si vous coupez les suggestions de recherche la barre que vous n'appréciez pas, disparaîtra.
Mettez dans un onglet vierge about:preferences#search

Si vous voulez garder les suggestions, allez plus bas sur la page à ‘Raccourcis de recherche’, devant chaque moteur il y a une coche bleue, il suffit de la retirer en cliquant dessus.

Re: Mégabar FF87 -> styler les suggestions

Publié : 01 avr. 2021, 01:22
par brol
Cucurbitacé a écrit : 31 mars 2021, 20:07Le nom du fichier ← vous indique ce qu’il fait, copiez/collez le code qui vous intéresse dans un fichier → userChrome.css
J'ai activé cet import qui règle mon premier point :
@import "./css/locationbar/ac_popup_megabar_search_engines_hidden.css";

Je n'ai par contre rien trouvé pour modifier la taille des caractères pour les suggestions de recherche que je désire garder.

Re: Mégabar FF87 -> styler les suggestions

Publié : 01 avr. 2021, 01:46
par brol
Et s'il est possible de ne pas afficher lors du survol des suggestions " - Rechercher avec [nom du moteur de recherche]", ça serait super ;)

Merci

Re: Mégabar FF87 -> styler les suggestions

Publié : 01 avr. 2021, 03:43
par Cucurbitacé
Bonjour brol,

Importer ?
Pourquoi vous ne vous êtes pas contentez de copier et coller le code dans un fichier userChrome.css ?

https://www.userchrome.org/megabar-styl ... s-bar.html

Salutations.

Re: Mégabar FF87 -> styler les suggestions

Publié : 01 avr. 2021, 11:00
par brol
Parce que j'utilise d'autres codes et que c'est plus simple pour moi ainsi.

Apparemment on ne peut pas descendre en deça de 13 px pour les suggestions, je vais donc abandonner mon idée.

Merci.

Re: Mégabar FF87 -> styler les suggestions [résolu]

Publié : 01 avr. 2021, 16:17
par Freddy
bonjour,
brol a écrit : 01 avr. 2021, 11:00 Apparemment on ne peut pas descendre en deça de 13 px pour les suggestions
Si j'ai bien saisi ta demande, pour moi ç'est ok avec ça:

Code : Tout sélectionner

/* taille police suggestions de recherche*/
#urlbar-results {
  font-size: 10px !important;
}
brol a écrit : 01 avr. 2021, 01:46 Et s'il est possible de ne pas afficher lors du survol des suggestions " - Rechercher avec [nom du moteur de recherche]"

Code : Tout sélectionner

/*supprimer "rechercher avec" au survol*/
#urlbar-results .urlbarView-action {
  display:none !important;
}

Re: Mégabar FF87 -> styler les suggestions [résolu]

Publié : 01 avr. 2021, 18:38
par brol
Autant le code pour ne pas afficher le "rechercher avec" lors du survol c'est parfait, autant le code pour baisser la taille des caractères pour les suggestions ne fonctionne pas chez moi (windows 7). Pas grave, je vais m'y faire même si ça prend une place de dingue...

Merci

Re: Mégabar FF87 -> styler les suggestions [résolu]

Publié : 02 avr. 2021, 17:10
par Freddy
Bizarre, j'ai fais ce test avec Linux (Mint) mais là je viens de le faire avec w7 et tout est ok aussi... :shock:
Au cas où tu peux essayer avec une petite précision supplémentaire pour le sélecteur:

Code : Tout sélectionner

/* taille police suggestions de recherche*/
#urlbar-results .urlbarView-row {
  font-size: 10px !important;
}
Sinon je vois pas trop pourquoi, à part une erreur de copier/coller ou un autre bout de code qui empêche ça... :-?

Re: Mégabar FF87 -> styler les suggestions [résolu]

Publié : 02 avr. 2021, 18:24
par Anonyme1
Bonjour,
le code fonctionne chez moi

Code : Tout sélectionner

/* taille police suggestions de recherche*/
#urlbar-results {
  font-size: 10px !important;
}
Le nouveau code fonctionne aussi

Code : Tout sélectionner

/* taille police suggestions de recherche*/
#urlbar-results .urlbarView-row {
  font-size: 10px !important;
}
J'avais aussi testé celui-ci qui fonctionne aussi

Code : Tout sélectionner

/* taille police suggestions de recherche*/
#urlbar-results.urlbarView-results {
  font-size: 10px !important;
}
A+ :wink:

Re: Mégabar FF87 -> styler les suggestions [résolu]

Publié : 03 avr. 2021, 00:54
par brol
Existe-t-il un moyen depuis firefox pour voir quel code css pourrait interférer ? Autant je sais faire quand il s'agit d'un site, autant je ne sais pas faire quand il s'agit de l'interface...

Merci

Re: Mégabar FF87 -> styler les suggestions [résolu]

Publié : 03 avr. 2021, 01:00
par brol
Ok, ça marche, j'avais une règle qui interférait. Ce qui est bizarre c'est que la règle que vous me donniez avait pourtant été placée en dernier dans la css et qu'elle aurait du supplanter tout ce qui précédait.
Bref, ça fonctionne au poil, c'est tout ce qui compte.

Merci