Update connection status indicator
This commit is contained in:
1 parent
2e603caeb6
commit
726a7fedc7
8 files changed
+254
-64
No files matched your search
@@ -285,23 +285,14 @@
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.status-dot::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: -0.28rem;
|
||||
border-radius: inherit;
|
||||
opacity: 0;
|
||||
transform: scale(0.7);
|
||||
}
|
||||
|
||||
.status-dot--online {
|
||||
background: #28a745;
|
||||
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.2);
|
||||
}
|
||||
|
||||
.status-dot--online::after {
|
||||
background: rgba(40, 167, 69, 0.32);
|
||||
animation: status-dot-pulse 1.8s ease-out infinite;
|
||||
.status-dot--idle {
|
||||
background: #0d6efd;
|
||||
box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.2);
|
||||
}
|
||||
|
||||
.status-dot--offline {
|
||||
@@ -314,28 +305,6 @@
|
||||
box-shadow: 0 0 0 0.2rem rgba(173, 181, 189, 0.18);
|
||||
}
|
||||
|
||||
.status-dot--unknown::after {
|
||||
background: rgba(173, 181, 189, 0.26);
|
||||
animation: status-dot-pulse 1.8s ease-out infinite;
|
||||
}
|
||||
|
||||
@keyframes status-dot-pulse {
|
||||
0% {
|
||||
opacity: 0.55;
|
||||
transform: scale(0.7);
|
||||
}
|
||||
|
||||
70% {
|
||||
opacity: 0;
|
||||
transform: scale(1.75);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: scale(1.75);
|
||||
}
|
||||
}
|
||||
|
||||
/* Account menu */
|
||||
|
||||
.user-menu-avatar {
|
||||
|
||||
Reference in new issue
Block a user