gnome-extension-wifi-signal.../stylesheet.css
Jalil Arfaoui a5ef20d4f1 Refonte du popup : layout deux colonnes, jauges de performance et graphique signal
- Remplace les PopupMenuItem textuels par des PopupBaseMenuItem avec
  labels à gauche (dimmed) et valeurs alignées à droite
- Ajoute des headers de section (Performance, Signal) via PopupSeparatorMenuItem
- Ajoute des jauges horizontales pour Speed et Width avec layout vertical
  (label+valeur au-dessus, barre pleine largeur en dessous)
- Ajoute un graphique d'historique du signal (St.DrawingArea + Cairo)
  coloré selon la qualité (60 points, 5 min d'historique)
- Rafraîchit les données à l'ouverture du popup pour un affichage immédiat
- Max speed basé sur le théorique WiFi 7 4×4 MIMO 320 MHz (5760 Mbit/s)
- Max width basé sur le WiFi 7 (320 MHz)
2026-02-12 23:42:43 +01:00

120 lines
1.7 KiB
CSS

/* WiFi Signal Plus - Stylesheet */
/* Panel indicator */
.wifi-signal-plus-indicator {
padding: 0 4px;
}
.wifi-signal-plus-label {
font-weight: bold;
}
/* Generation colors */
.wifi-gen-4 {
color: #888888;
}
.wifi-gen-5 {
color: #3584e4;
}
.wifi-gen-6 {
color: #33d17a;
}
.wifi-gen-7 {
color: #9141ac;
}
.wifi-disconnected {
color: #c0bfbc;
}
/* Tooltip popup */
.wifi-signal-plus-popup {
padding: 12px;
min-width: 320px;
}
.wifi-popup-section {
padding: 8px 0;
}
.wifi-popup-section:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.wifi-popup-header {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 4px;
}
.wifi-popup-ssid {
font-size: 1.2em;
font-weight: bold;
}
.wifi-popup-generation {
font-size: 0.9em;
opacity: 0.8;
}
.wifi-popup-item {
min-height: 0;
padding: 2px 8px;
}
.wifi-popup-label {
font-size: 1em;
min-width: 7em;
padding: 0 0.5em;
color: rgba(255, 255, 255, 0.7);
}
.wifi-popup-value {
font-size: 1em;
font-weight: 500;
padding: 0 0.5em;
}
/* Signal history graph */
.wifi-signal-graph {
height: 40px;
border-radius: 4px;
}
/* Bar gauges */
.wifi-bar-track {
height: 4px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 2px;
margin-top: 4px;
}
.wifi-bar-fill {
height: 4px;
border-radius: 2px;
background-color: #3584e4;
}
/* Signal strength indicator */
.wifi-signal-excellent {
color: #33d17a;
}
.wifi-signal-good {
color: #8ff0a4;
}
.wifi-signal-fair {
color: #f6d32d;
}
.wifi-signal-weak {
color: #ff7800;
}
.wifi-signal-poor {
color: #e01b24;
}