mirror of
https://github.com/Pax1601/DCSOlympus.git
synced 2025-10-29 16:56:34 +00:00
40 lines
689 B
CSS
40 lines
689 B
CSS
#connection-status-panel dt::before {
|
|
content: "No connection";
|
|
}
|
|
|
|
#connection-status-panel dd::after {
|
|
border-radius: 50%;
|
|
background: red;
|
|
content: " ";
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
|
|
#connection-status-panel[data-is-connected] dt::before {
|
|
content: "Connected";
|
|
}
|
|
|
|
#connection-status-panel[data-is-connected] dd::after {
|
|
background: var(--accent-green);
|
|
}
|
|
|
|
#connection-status-panel[data-is-paused] dt::before {
|
|
content: "Server paused";
|
|
}
|
|
|
|
#connection-status-panel[data-is-paused] dd {
|
|
animation: pulse 1s infinite;
|
|
}
|
|
|
|
@keyframes pulse {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
#connection-status-panel[data-is-paused] dd::after {
|
|
background: var(--accent-amber);
|
|
} |