← Tous les exemples

CSS Navigation github.com

Lignes de liste de fichiers plus grandes et cliquables

Augmente la hauteur des lignes de la liste de fichiers et ajoute un survol pour les cliquer plus facilement.

Code à copier

.react-directory-row,
.js-navigation-item .content {
  cursor: pointer !important;
}
.react-directory-row td { padding-top: 8px !important; padding-bottom: 8px !important; }
.react-directory-row:hover { background: rgba(127,127,127,0.10) !important; }

Comment utiliser cet exemple

  1. Copiez le code avec le bouton ci-dessus.
  2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
  3. Ajoutez une nouvelle règle correspondant à cette page.
  4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.

Notez cet exemple

Aucune note — soyez le premier.

Cet exemple fonctionne-t-il ?

Les snippets sont inutiles sans un endroit où les coller.

JustZix s'installe en 2 minutes et exécute votre code sur chaque page correspondante. Sans compte, sans paiement.

Télécharger gratuitement Voir les cas d'usage