Ajustes de Gmail y Google Workspace — menos desorden, más enfoque
Gmail y el resto de Google Workspace hacen mucho, pero recogen bastante lastre por el camino: un panel de Meet que se come la columna izquierda, las pestañas Promociones y Social, una lista de mensajes apretada, documentos en una hoja de papel estrecha en mitad de la pantalla. Nada de eso se puede desactivar en los ajustes. En esta guía recorremos seis ajustes CSS que despejan Gmail, Calendar, Docs y Sheets — cada uno como un fragmento listo para pegar.
Por qué JustZix, no los ajustes de Google
Google te da unos cuantos interruptores de densidad y diseño, pero no te deja ocultar el panel de Meet, ensanchar el panel de lectura más allá de un máximo fijo ni cambiar la fuente del editor de Docs. JustZix superpone tu CSS en el navegador, limitado a un dominio concreto — mail.google.com, calendar.google.com, docs.google.com — así que los ajustes se aplican de inmediato, en cualquier cuenta, sin instalar nada del lado de Google.
Gmail — oculta el panel de Meet y Chat
Las secciones de Meet y Chat de la columna izquierda rara vez hacen falta y le quitan espacio a la lista de etiquetas. Ocúltalas y recupera ese sitio:
/* Oculta las secciones de Meet y Chat de la columna izquierda de Gmail */
div[role="navigation"] [aria-label="Meet"],
div[role="navigation"] [aria-label="Hangouts"],
div[gh="cl"] + div [jsname] {
display: none !important;
}
/* La lista de etiquetas se queda con la altura recuperada */
div[role="navigation"] .aim {
max-height: none !important;
}
Si usas Chat a diario, oculta solo Meet — quita la primera línea del selector. Mantén el ajuste como una regla aparte para que sea fácil de alternar.
Gmail — quita las pestañas de promociones
Las pestañas Promociones y Social distraen si de todos modos lees todo desde una sola bandeja. Oculta las barras de categorías y deja una lista limpia:
/* Oculta las barras de categorías (Promociones, Social) */
.aKz, .aeF .aKh,
table[role="tablist"].aKi {
display: none !important;
}
/* Filas de anuncios con estilo de mensaje en la parte alta de la lista */
.aKB, tr.zE[jsaction] .aKS {
display: none !important;
}
Gmail — densidad compacta y un panel de lectura más ancho
El espaciado por defecto entre filas de la lista es generoso. Compáctalo para que quepan más mensajes a la vez, y ensancha el panel de lectura cuando abras un mensaje:
/* Densidad compacta para la lista de mensajes */
.zA {
padding-top: 2px !important;
padding-bottom: 2px !important;
line-height: 1.3 !important;
}
/* Ventana de lectura más ancha para un solo mensaje */
.nH.if, .a3s.aiL {
max-width: 1100px !important;
}
.ii.gt {
font-size: 15px !important;
line-height: 1.6 !important;
}
Los nombres de clase de Gmail están ofuscados y a veces cambian con las actualizaciones — si una regla deja de funcionar, abre DevTools, apunta a una fila de la lista y pon el nuevo nombre de clase. Los selectores [role] y [aria-label] son más estables que las clases, así que prefiérelos cuando puedas.
Google Calendar — una cuadrícula más clara
La cuadrícula del calendario en la vista de semana puede difuminarse. Unas líneas de hora más nítidas y un marcador de "ahora" más fuerte mejoran la orientación:
/* Líneas de hora más claras en la vista de semana */
.YkqOPc, [role="grid"] [role="row"] {
border-color: rgba(0,0,0,.14) !important;
}
/* Un marcador rojo más fuerte para la hora actual */
.qLWdg, [aria-label*="Current time"] {
border-top-width: 2px !important;
border-color: #ea4335 !important;
}
/* Columnas de fin de semana ligeramente sombreadas */
[role="columnheader"]:nth-child(1),
[role="columnheader"]:nth-child(7) {
background: rgba(0,0,0,.03) !important;
}
Docs y Sheets — todo el ancho y fuentes
Google Docs muestra una hoja de ancho fijo en mitad de una pantalla ancha. Para borradores de trabajo (no para imprimir) puedes estirar el texto y cambiar la fuente del editor:
/* Google Docs a todo el ancho de la ventana */
.kix-page, .kix-page-paginated {
width: 90% !important;
max-width: 1100px !important;
margin: 0 auto !important;
}
/* Una fuente e interlineado más cómodos en el editor */
.kix-paragraphrenderer {
line-height: 1.6 !important;
}
/* Sheets — filas más altas para la legibilidad */
.grid-table-container .row-header-wrapper {
font-size: 12px !important;
}
Recuerda que el ajuste de ancho es solo visual — no cambia el tamaño de página al imprimir o exportar a PDF. Es intencionado: quieres una lectura cómoda en pantalla, mientras la impresión se mantiene estándar.
Un modo enfoque en todo Workspace
El denominador común de toda aplicación de Google es una cabecera pesada y los paneles laterales. Una regla de modo enfoque los oculta cuando quieres escribir sin distracciones:
/* Modo enfoque: oculta la cabecera y los paneles laterales */
header[role="banner"],
.brC-aT5-aOt-Jw, /* barra de herramientas de Gmail */
[aria-label="Side panel"] {
display: none !important;
}
/* El contenido recupera toda la altura de la ventana */
[role="main"] {
margin-top: 0 !important;
}
Mantén el modo enfoque como una regla aparte y altérnalo desde la barra de acciones — la cabecera vuelve con un clic cuando necesitas la búsqueda o el menú de cuenta.
Montar el conjunto
Lo mejor es mantener estos ajustes como reglas separadas y con nombre: "Gmail — sin Meet", "Gmail — compacto", "Calendar — cuadrícula", "Docs — todo el ancho". Cada una limitada a su dominio, cada una alternada de forma independiente. Entonces, en cinco segundos, adaptas Workspace a la tarea — una bandeja densa por la mañana, modo enfoque para escribir por la tarde.
Las reglas ya hechas para las aplicaciones de Google están en el catálogo — mira los ejemplos para mail.google.com y copia lo que encaje. Instala JustZix y despeja tu Workspace hoy.
Valora este artículo
Sin valoraciones — sé el primero.