Jalil Arfaoui
fffe358a3c
Display all access points sharing the connected network's SSID in a dedicated section between Signal and Nearby Networks. The connected AP is marked with a green checkmark icon, other APs get a spacer to keep BSSIDs aligned. Section is hidden when only one AP exists. NM duplicate BSSIDs are deduplicated by keeping the strongest signal.
217 lines
3.3 KiB
CSS
217 lines
3.3 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);
|
|
}
|
|
|
|
/* Connection header */
|
|
.wifi-connection-header {
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
.wifi-connection-header-ssid {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.wifi-connection-header-generation {
|
|
font-size: 0.95em;
|
|
color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
.wifi-connection-header-band {
|
|
font-size: 0.9em;
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.wifi-connection-header-icon {
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/* Nearby networks - Card header */
|
|
.wifi-nearby-card {
|
|
margin: 2px 0;
|
|
}
|
|
|
|
.wifi-nearby-card-header {
|
|
spacing: 8px;
|
|
}
|
|
|
|
.wifi-nearby-card-icon {
|
|
icon-size: 16px;
|
|
}
|
|
|
|
.wifi-nearby-card-ssid {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.wifi-nearby-card-signal {
|
|
font-weight: bold;
|
|
font-size: 0.9em;
|
|
min-width: 3em;
|
|
}
|
|
|
|
.wifi-nearby-card-count {
|
|
font-size: 0.8em;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
/* Nearby networks - Badges */
|
|
.wifi-nearby-badge {
|
|
font-size: 0.8em;
|
|
padding: 1px 5px;
|
|
border-radius: 3px;
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.wifi-nearby-badge-open {
|
|
background-color: rgba(224, 27, 36, 0.3);
|
|
color: #e01b24;
|
|
}
|
|
|
|
/* Access Points - connected AP icon */
|
|
.wifi-ap-connected-icon {
|
|
color: #33d17a;
|
|
}
|
|
|
|
/* Access Points - spacer matching icon width for non-connected rows */
|
|
.wifi-ap-icon-spacer {
|
|
width: 12px;
|
|
}
|
|
|
|
/* Nearby networks - AP sub-rows */
|
|
.wifi-nearby-ap {
|
|
min-height: 0;
|
|
padding: 3px 8px 3px 12px;
|
|
}
|
|
|
|
.wifi-nearby-ap-bssid {
|
|
font-size: 0.85em;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
min-width: 10em;
|
|
}
|
|
|
|
.wifi-nearby-ap-details {
|
|
font-size: 0.85em;
|
|
color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.wifi-nearby-ap-signal {
|
|
font-weight: bold;
|
|
font-size: 0.85em;
|
|
}
|