2021-06-19 15:24:11 -04:00
|
|
|
.preact-context-menu .context-menu {
|
2021-07-09 17:15:36 -04:00
|
|
|
z-index: 5000;
|
2021-07-02 04:38:43 -04:00
|
|
|
min-width: 190px;
|
2021-06-19 15:24:11 -04:00
|
|
|
padding: 6px 8px;
|
|
|
|
user-select: none;
|
2021-07-01 14:37:36 -04:00
|
|
|
font-size: .875rem;
|
2021-06-19 15:24:11 -04:00
|
|
|
color: var(--secondary-foreground);
|
2021-07-10 10:42:13 -04:00
|
|
|
border-radius: var(--border-radius);
|
2021-06-19 15:24:11 -04:00
|
|
|
background: var(--primary-background) !important;
|
|
|
|
box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.05);
|
|
|
|
|
2021-07-01 14:37:36 -04:00
|
|
|
> span, .main > span {
|
2021-06-19 15:24:11 -04:00
|
|
|
gap: 6px;
|
|
|
|
margin: 2px 0;
|
|
|
|
display: flex;
|
|
|
|
padding: 6px 8px;
|
|
|
|
border-radius: 3px;
|
|
|
|
align-items: center;
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
|
|
&:not([data-disabled="true"]) {
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background: var(--secondary-background);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.tip {
|
|
|
|
flex-grow: 1;
|
|
|
|
font-size: .650rem;
|
|
|
|
text-align: right;
|
|
|
|
color: var(--tertiary-foreground);
|
|
|
|
}
|
|
|
|
}
|
2021-07-01 14:37:36 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.context-menu.Status {
|
|
|
|
.header {
|
|
|
|
gap: 8px;
|
|
|
|
display: flex;
|
|
|
|
padding: 6px 8px;
|
|
|
|
font-weight: 600;
|
|
|
|
align-items: center;
|
|
|
|
color: var(--foreground);
|
|
|
|
|
|
|
|
.main {
|
|
|
|
flex-grow: 1;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
2021-07-09 17:15:36 -04:00
|
|
|
|
|
|
|
.username {
|
|
|
|
> div {
|
|
|
|
cursor: pointer;
|
|
|
|
width: fit-content;
|
|
|
|
}
|
|
|
|
}
|
2021-07-01 14:37:36 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.status {
|
2021-07-09 17:15:36 -04:00
|
|
|
cursor: pointer;
|
2021-07-04 07:41:52 -04:00
|
|
|
max-width: 132px;
|
|
|
|
font-size: .625rem;
|
|
|
|
color: var(--secondary-foreground);
|
|
|
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
overflow: hidden;
|
|
|
|
white-space: nowrap;
|
2021-07-01 14:37:36 -04:00
|
|
|
}
|
|
|
|
}
|
2021-06-19 15:24:11 -04:00
|
|
|
|
|
|
|
.indicator {
|
|
|
|
width: 8px;
|
|
|
|
height: 8px;
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
|
|
&.online {
|
|
|
|
background: var(--status-online);
|
|
|
|
}
|
|
|
|
|
|
|
|
&.idle {
|
|
|
|
background: var(--status-away);
|
|
|
|
}
|
|
|
|
|
|
|
|
&.busy {
|
|
|
|
background: var(--status-busy);
|
|
|
|
}
|
|
|
|
|
|
|
|
&.invisible {
|
|
|
|
background: var(--status-invisible);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|