Ritocchi per Gmail e Google Workspace — meno disordine, più concentrazione
Gmail e il resto di Google Workspace fanno molto, ma lungo il percorso raccolgono parecchia zavorra: un pannello Meet che divora la colonna sinistra, le schede Promozioni e Social, un elenco messaggi compresso, documenti su un foglio di carta stretto al centro dello schermo. Niente di tutto ciò si può disattivare nelle impostazioni. In questa guida ti accompagniamo in sei ritocchi CSS che riordinano Gmail, Calendar, Documenti e Fogli — ciascuno come snippet pronto da incollare.
Perché JustZix, non le impostazioni di Google
Google ti offre qualche interruttore di densità e layout, ma non ti lascia nascondere il pannello Meet, allargare il riquadro di lettura oltre un massimo fisso o cambiare il font dell'editor di Documenti. JustZix sovrappone il tuo CSS nel browser, limitato a un dominio specifico — mail.google.com, calendar.google.com, docs.google.com — così i ritocchi si applicano subito, su qualsiasi account, senza installare nulla dal lato di Google.
Gmail — nascondi il pannello Meet e Chat
Le sezioni Meet e Chat nella colonna sinistra servono di rado e tolgono spazio all'elenco delle etichette. Nascondile e recupera lo spazio:
/* Nascondi le sezioni Meet e Chat nella colonna sinistra di Gmail */
div[role="navigation"] [aria-label="Meet"],
div[role="navigation"] [aria-label="Hangouts"],
div[gh="cl"] + div [jsname] {
display: none !important;
}
/* L'elenco delle etichette prende l'altezza recuperata */
div[role="navigation"] .aim {
max-height: none !important;
}Se usi Chat ogni giorno, nascondi solo Meet — rimuovi la prima riga dal selettore. Tieni il ritocco come regola separata così è facile attivarlo o disattivarlo.
Gmail — rimuovi le schede promozionali
Le schede Promozioni e Social distraggono se comunque leggi tutto da un'unica casella. Nascondi le barre delle categorie e lascia un elenco pulito:
/* Nascondi le barre delle categorie (Promozioni, Social) */
.aKz, .aeF .aKh,
table[role="tablist"].aKi {
display: none !important;
}
/* Righe pubblicitarie stile messaggio in cima all'elenco */
.aKB, tr.zE[jsaction] .aKS {
display: none !important;
}Gmail — densità compatta e riquadro di lettura più ampio
La spaziatura predefinita tra le righe dell'elenco è generosa. Compattala per far stare più messaggi alla volta, e allarga il riquadro di lettura quando apri un messaggio:
/* Densità compatta per l'elenco messaggi */
.zA {
padding-top: 2px !important;
padding-bottom: 2px !important;
line-height: 1.3 !important;
}
/* Finestra di lettura più ampia per un singolo messaggio */
.nH.if, .a3s.aiL {
max-width: 1100px !important;
}
.ii.gt {
font-size: 15px !important;
line-height: 1.6 !important;
}I nomi delle classi di Gmail sono offuscati e a volte cambiano con gli aggiornamenti — se una regola smette di funzionare, apri DevTools, punta a una riga dell'elenco e sostituisci il nuovo nome della classe. I selettori [role] e [aria-label] sono più stabili delle classi, quindi preferiscili dove puoi.
Google Calendar — una griglia più chiara
La griglia del calendario nella vista settimana può confondersi. Linee delle ore più nitide e un indicatore "ora" più marcato migliorano l'orientamento:
/* Linee delle ore più chiare nella vista settimana */
.YkqOPc, [role="grid"] [role="row"] {
border-color: rgba(0,0,0,.14) !important;
}
/* Un indicatore rosso più marcato per l'ora corrente */
.qLWdg, [aria-label*="Current time"] {
border-top-width: 2px !important;
border-color: #ea4335 !important;
}
/* Colonne del weekend leggermente ombreggiate */
[role="columnheader"]:nth-child(1),
[role="columnheader"]:nth-child(7) {
background: rgba(0,0,0,.03) !important;
}Documenti e Fogli — tutta larghezza e font
Google Documenti rende un foglio a larghezza fissa al centro di uno schermo largo. Per le bozze di lavoro (non per la stampa) puoi allungare il testo e cambiare il font dell'editor:
/* Google Documenti a tutta la larghezza della finestra */
.kix-page, .kix-page-paginated {
width: 90% !important;
max-width: 1100px !important;
margin: 0 auto !important;
}
/* Un font e un'interlinea più comodi nell'editor */
.kix-paragraphrenderer {
line-height: 1.6 !important;
}
/* Fogli — righe più alte per la leggibilità */
.grid-table-container .row-header-wrapper {
font-size: 12px !important;
}Ricorda che il ritocco della larghezza è solo per la visualizzazione — non cambia la dimensione della pagina quando stampi o esporti in PDF. È intenzionale: vuoi una lettura comoda sullo schermo, mentre la stampa resta standard.
Una modalità focus su tutto Workspace
Il denominatore comune di ogni app di Google è un'intestazione pesante e dei pannelli laterali. Una regola di modalità focus li nasconde quando vuoi scrivere senza distrazioni:
/* Modalità focus: nasconde l'intestazione e i pannelli laterali */
header[role="banner"],
.brC-aT5-aOt-Jw, /* barra degli strumenti di Gmail */
[aria-label="Side panel"] {
display: none !important;
}
/* Il contenuto recupera tutta l'altezza della finestra */
[role="main"] {
margin-top: 0 !important;
}Tieni la modalità focus come regola separata e attivala dalla barra delle azioni — l'intestazione ritorna con un clic quando ti serve la ricerca o il menu dell'account.
Costruire il set
È meglio tenere questi ritocchi come regole separate e nominate: "Gmail — niente Meet", "Gmail — compatto", "Calendar — griglia", "Docs — tutta larghezza". Ciascuna limitata al suo dominio, ciascuna attivabile in modo indipendente. Così in cinque secondi adatti Workspace al compito — una casella densa al mattino, la modalità focus per scrivere al pomeriggio.
Le regole pronte per le app di Google sono nel catalogo — vedi gli esempi per mail.google.com e copia ciò che ti serve. Installa JustZix e riordina il tuo Workspace oggi stesso.
Valuta questo articolo
Nessuna valutazione — sii il primo.