- 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)
120 lines
1.7 KiB
CSS
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;
|
|
}
|