← Tous les exemples

VS Code Web : fil d'Ariane figé

Garde le fil d'Ariane du chemin toujours visible au-dessus de l'éditeur.

Code à copier

/* Make the file-path breadcrumbs sticky above the editor (works on github.dev too) */
.monaco-workbench .editor-instance .breadcrumbs-control,
.monaco-workbench .breadcrumbs-control {
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  background: var(--vscode-breadcrumb-background) !important;
  border-bottom: 1px solid rgba(127,127,127,0.15) !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.