← Tutti gli esempi

CSS Aspetto vscode.dev

VS Code Web: intestazioni più grandi nel pannello inferiore

Ingrandisce e mette in grassetto i tab del pannello inferiore con accento sotto quello attivo.

Codice da copiare

/* Larger, easier-to-click headers in the bottom panel (Terminal / Problems / Output) (works on github.dev too) */
.monaco-workbench .part.panel .composite-bar .action-item .action-label {
  font-size: 13px !important;
  padding: 0 10px !important;
  height: 30px !important;
  line-height: 30px !important;
}
.monaco-workbench .part.panel .composite-bar .action-item.checked .action-label {
  border-bottom: 2px solid #ff8a3d !important;
  font-weight: 700 !important;
}

Come usare questo esempio

  1. Copia il codice con il pulsante qui sopra.
  2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
  3. Aggiungi una nuova regola corrispondente a quella pagina.
  4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.

Valuta questo esempio

Nessuna valutazione — sii il primo.

Questo esempio funziona?

Gli snippet sono inutili senza un posto dove incollarli.

JustZix si installa in 2 minuti ed esegue il tuo codice su ogni pagina corrispondente. Senza account, senza pagamento.

Scarica gratis Guarda i casi d'uso