|
|
|
@ -332,6 +332,7 @@
|
|
|
|
{:else}
|
|
|
|
{:else}
|
|
|
|
<button
|
|
|
|
<button
|
|
|
|
class="assignees-badge"
|
|
|
|
class="assignees-badge"
|
|
|
|
|
|
|
|
class:mine={isAssigned}
|
|
|
|
type="button"
|
|
|
|
type="button"
|
|
|
|
aria-haspopup="dialog"
|
|
|
|
aria-haspopup="dialog"
|
|
|
|
aria-expanded={showAssignees}
|
|
|
|
aria-expanded={showAssignees}
|
|
|
|
@ -653,6 +654,24 @@
|
|
|
|
font-size: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
line-height: 1;
|
|
|
|
line-height: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.assignees-badge.mine {
|
|
|
|
|
|
|
|
border-color: var(--color-primary);
|
|
|
|
|
|
|
|
box-shadow: 0 0 0 2px var(--color-primary);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.assignees-badge.mine .icon {
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.assignees-badge.mine .icon::after {
|
|
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
right: -2px;
|
|
|
|
|
|
|
|
top: -2px;
|
|
|
|
|
|
|
|
width: 6px;
|
|
|
|
|
|
|
|
height: 6px;
|
|
|
|
|
|
|
|
background: var(--color-primary);
|
|
|
|
|
|
|
|
border: 2px solid var(--color-surface);
|
|
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
|
|
}
|
|
|
|
.assignees-badge[aria-expanded="true"] {
|
|
|
|
.assignees-badge[aria-expanded="true"] {
|
|
|
|
border-color: var(--color-primary);
|
|
|
|
border-color: var(--color-primary);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|