2019-02-17 02:10:42 +01:00
|
|
|
.user_circle_green,
|
2022-01-27 22:22:59 +01:00
|
|
|
.user_circle_idle,
|
2019-02-17 02:10:42 +01:00
|
|
|
.user_circle_empty,
|
2022-01-28 14:39:32 +01:00
|
|
|
.user_circle_empty_line {
|
2019-02-17 00:29:16 +01:00
|
|
|
border-radius: 50%;
|
|
|
|
border: 1px solid;
|
|
|
|
}
|
|
|
|
|
2024-10-24 08:10:56 +02:00
|
|
|
.user_sidebar_entry.with_avatar .user_circle {
|
|
|
|
outline: 1px solid var(--color-background);
|
|
|
|
}
|
|
|
|
|
2019-02-17 02:10:42 +01:00
|
|
|
.user_circle_green {
|
2024-05-30 23:00:17 +02:00
|
|
|
background-color: var(--color-user-circle-active);
|
|
|
|
border-color: var(--color-user-circle-active);
|
2019-02-17 00:29:16 +01:00
|
|
|
}
|
|
|
|
|
2022-01-27 22:22:59 +01:00
|
|
|
.user_circle_idle {
|
2024-05-30 23:00:17 +02:00
|
|
|
border-color: var(--color-user-circle-idle);
|
2020-08-04 23:58:56 +02:00
|
|
|
background: linear-gradient(
|
|
|
|
to bottom,
|
2024-11-06 21:58:40 +01:00
|
|
|
hsl(0deg 0% 100% / 0%) 50%,
|
2024-05-30 23:00:17 +02:00
|
|
|
var(--color-user-circle-idle) 50%
|
2020-08-04 23:58:56 +02:00
|
|
|
);
|
2019-02-17 00:29:16 +01:00
|
|
|
}
|
|
|
|
|
2019-02-17 02:10:42 +01:00
|
|
|
.user_circle_empty {
|
2024-11-06 21:58:40 +01:00
|
|
|
background-color: transparent;
|
2023-03-20 22:08:47 +01:00
|
|
|
border-color: hsl(0deg 0% 50%);
|
2019-02-17 00:29:16 +01:00
|
|
|
}
|
2019-03-01 17:31:59 +01:00
|
|
|
|
|
|
|
.user_circle_empty_line {
|
2023-03-20 22:08:47 +01:00
|
|
|
border-color: hsl(0deg 0% 50%);
|
2019-03-01 17:31:59 +01:00
|
|
|
|
|
|
|
&::after {
|
2020-08-04 23:58:56 +02:00
|
|
|
content: "";
|
2023-03-20 22:08:47 +01:00
|
|
|
background: hsl(0deg 0% 50%);
|
2020-09-15 22:23:01 +02:00
|
|
|
height: 1.5px; /* 1px is too thin, 2px is too thick */
|
2019-03-01 17:31:59 +01:00
|
|
|
width: 6px;
|
|
|
|
display: block;
|
2021-11-05 03:33:16 +01:00
|
|
|
margin: 3.25px auto 0; /* (total height - line height) / 2 = 3.25px */
|
2019-03-01 17:31:59 +01:00
|
|
|
}
|
|
|
|
}
|