45c9205caf
Unify the /plan claimed hint with the plan placeholder through a locale namespace, localize slash menu group titles, replace the PermissionSelect native select with the Menu primitive, add a goal pause verb chain, clamp anchored popups to the viewport with scroll-into-view and outside-dismiss, and fix onPasteUpgrade insertedRange to account for the chip trailing gap.
54 lines
999 B
CSS
54 lines
999 B
CSS
/* Read-only plan status badge: quiet chip; the × affordance appears on
|
||
hover/focus and the whole chip is the /plan off button. */
|
||
|
||
.wrap {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
}
|
||
|
||
.chip {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
padding: 6px 8px;
|
||
border: none;
|
||
border-radius: 8px;
|
||
background: transparent;
|
||
color: var(--dsw-alias-label-secondary);
|
||
font-size: 14px;
|
||
line-height: 20px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.chip:hover:not(:disabled) {
|
||
background: var(--dsw-alias-interactive-bg-hover);
|
||
}
|
||
|
||
.chip:focus-visible {
|
||
outline: 2px solid var(--dsw-alias-label-secondary);
|
||
outline-offset: 2px;
|
||
}
|
||
|
||
.chip:disabled {
|
||
opacity: 0.6;
|
||
cursor: default;
|
||
}
|
||
|
||
.close {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
color: var(--dsw-alias-label-caption);
|
||
}
|
||
|
||
.chip:hover .close,
|
||
.chip:focus-visible .close {
|
||
color: var(--dsw-alias-label-secondary);
|
||
}
|
||
|
||
.error {
|
||
color: var(--dsw-alias-state-error-primary);
|
||
font-size: 12px;
|
||
line-height: 18px;
|
||
}
|