VS Code Web: cabeceras más grandes en el panel inferior
Amplía y pone en negrita las pestañas del panel inferior con un acento bajo la activa.
Código para copiar
/* 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;
}Cómo usar este ejemplo
- Copia el código con el botón de arriba.
- Instala JustZix (2 minutos) y abre la extensión en la página de destino.
- Añade una nueva regla que coincida con esa página.
- Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.
Valora este ejemplo
Sin valoraciones — sé el primero.