Ajustements Gmail et Google Workspace — moins d'encombrement, plus de concentration
Gmail et le reste de Google Workspace font beaucoup, mais ils accumulent pas mal de lest en chemin : un panneau Meet qui mange la colonne de gauche, les onglets Promotions et Réseaux sociaux, une liste de messages serrée, des documents posés sur une feuille de papier étroite au milieu de l'écran. Rien de tout cela ne peut être désactivé dans les paramètres. Dans ce guide nous parcourons six ajustements CSS qui désencombrent Gmail, Agenda, Docs et Sheets — chacun sous forme d'extrait prêt à coller.
Pourquoi JustZix, pas les paramètres Google
Google vous donne quelques boutons de densité et de mise en page, mais il ne vous laissera pas masquer le panneau Meet, élargir le volet de lecture au-delà d'un maximum fixe, ou changer la police de l'éditeur Docs. JustZix superpose votre CSS dans le navigateur, limité à un domaine précis — mail.google.com, calendar.google.com, docs.google.com — donc les ajustements s'appliquent aussitôt, sur n'importe quel compte, sans rien installer côté Google.
Gmail — masquer le panneau Meet et Chat
Les sections Meet et Chat dans la colonne de gauche sont rarement nécessaires et elles prennent de la place à la liste des libellés. Masquez-les et récupérez l'espace :
/* Masquer les sections Meet et Chat dans la colonne de gauche de Gmail */
div[role="navigation"] [aria-label="Meet"],
div[role="navigation"] [aria-label="Hangouts"],
div[gh="cl"] + div [jsname] {
display: none !important;
}
/* La liste des libellés récupère la hauteur libérée */
div[role="navigation"] .aim {
max-height: none !important;
}Si vous utilisez Chat tous les jours, masquez seulement Meet — retirez la première ligne du sélecteur. Gardez l'ajustement comme une règle distincte pour pouvoir le basculer facilement.
Gmail — supprimer les onglets promotionnels
Les onglets Promotions et Réseaux sociaux distraient si vous lisez tout depuis une seule boîte de réception de toute façon. Masquez les barres de catégories et laissez une liste propre :
/* Masquer les barres de catégories (Promotions, Réseaux sociaux) */
.aKz, .aeF .aKh,
table[role="tablist"].aKi {
display: none !important;
}
/* Lignes publicitaires stylisées comme des messages en haut de la liste */
.aKB, tr.zE[jsaction] .aKS {
display: none !important;
}Gmail — densité compacte et volet de lecture plus large
L'espacement par défaut entre les lignes de la liste est généreux. Compactez-le pour faire tenir plus de messages à la fois, et élargissez le volet de lecture quand vous ouvrez un message :
/* Densité compacte pour la liste des messages */
.zA {
padding-top: 2px !important;
padding-bottom: 2px !important;
line-height: 1.3 !important;
}
/* Fenêtre de lecture plus large pour un message unique */
.nH.if, .a3s.aiL {
max-width: 1100px !important;
}
.ii.gt {
font-size: 15px !important;
line-height: 1.6 !important;
}Les noms de classes de Gmail sont obfusqués et changent parfois avec les mises à jour — si une règle cesse de fonctionner, ouvrez les DevTools, pointez sur une ligne de liste et remplacez par le nouveau nom de classe. Les sélecteurs [role] et [aria-label] sont plus stables que les classes, donc préférez-les quand vous le pouvez.
Google Agenda — une grille plus nette
La grille de l'agenda dans la vue semaine peut se brouiller. Des lignes d'heures plus nettes et un marqueur « maintenant » plus fort améliorent le repérage :
/* Lignes d'heures plus nettes dans la vue semaine */
.YkqOPc, [role="grid"] [role="row"] {
border-color: rgba(0,0,0,.14) !important;
}
/* Un marqueur rouge plus marqué pour l'heure actuelle */
.qLWdg, [aria-label*="Current time"] {
border-top-width: 2px !important;
border-color: #ea4335 !important;
}
/* Colonnes du week-end légèrement ombrées */
[role="columnheader"]:nth-child(1),
[role="columnheader"]:nth-child(7) {
background: rgba(0,0,0,.03) !important;
}Docs et Sheets — pleine largeur et polices
Google Docs affiche une feuille à largeur fixe au milieu d'un écran large. Pour les brouillons de travail (pas pour l'impression) vous pouvez étirer le texte et changer la police de l'éditeur :
/* Google Docs à la pleine largeur de la fenêtre */
.kix-page, .kix-page-paginated {
width: 90% !important;
max-width: 1100px !important;
margin: 0 auto !important;
}
/* Une police et un interligne plus confortables dans l'éditeur */
.kix-paragraphrenderer {
line-height: 1.6 !important;
}
/* Sheets — lignes plus hautes pour la lisibilité */
.grid-table-container .row-header-wrapper {
font-size: 12px !important;
}N'oubliez pas que l'ajustement de largeur n'agit que sur l'affichage — il ne change pas la taille de la page quand vous imprimez ou exportez en PDF. C'est voulu : vous voulez une lecture confortable à l'écran, tandis que l'impression reste standard.
Un mode focus à travers Workspace
Le dénominateur commun de chaque application Google est un en-tête lourd et des panneaux latéraux. Une règle de mode focus les masque quand vous voulez écrire sans distractions :
/* Mode focus : masque l'en-tête et les panneaux latéraux */
header[role="banner"],
.brC-aT5-aOt-Jw, /* barre d'outils Gmail */
[aria-label="Side panel"] {
display: none !important;
}
/* Le contenu récupère toute la hauteur de la fenêtre */
[role="main"] {
margin-top: 0 !important;
}Gardez le mode focus comme une règle distincte et basculez-le depuis la barre d'actions — l'en-tête revient d'un clic quand vous avez besoin de la recherche ou du menu du compte.
Construire l'ensemble
Mieux vaut garder ces ajustements comme des règles distinctes et nommées : « Gmail — sans Meet », « Gmail — compact », « Agenda — grille », « Docs — pleine largeur ». Chacune limitée à son domaine, chacune basculée indépendamment. Ensuite, en cinq secondes vous adaptez Workspace à la tâche — une boîte de réception dense le matin, le mode focus pour écrire l'après-midi.
Des règles prêtes à l'emploi pour les applications Google sont dans le catalogue — voyez les exemples pour mail.google.com et copiez ce qui convient. Installez JustZix et désencombrez votre Workspace dès aujourd'hui.
Notez cet article
Aucune note — soyez le premier.