[WEB-5652] fix: kanban quick add UI #8382

This commit is contained in:
Aaryan Khandelwal 2025-12-18 18:40:00 +05:30 committed by GitHub
parent b165e2a3fe
commit 9747bffbe2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 19 additions and 20 deletions

View file

@ -8,7 +8,7 @@ export const STICKY_COLORS_LIST: {
{
key: "gray",
label: "Gray",
backgroundColor: "var(--background-color-layer-2)",
backgroundColor: "var(--editor-colors-gray-background)",
},
{
key: "peach",

View file

@ -9,7 +9,7 @@ type Props = {
export function FilterHeader({ title, isPreviewEnabled, handleIsPreviewEnabled }: Props) {
return (
<div className="sticky top-0 flex items-center justify-between gap-2">
<div className="sticky top-0 flex items-center justify-between gap-2 bg-surface-1">
<div className="flex-grow truncate text-caption-sm-medium text-placeholder">{title}</div>
<button
type="button"

View file

@ -7,8 +7,8 @@ export const KanbanQuickAddIssueForm = observer(function KanbanQuickAddIssueForm
const { ref, projectDetail, register, onSubmit, isEpic } = props;
const { t } = useTranslation();
return (
<div className="m-1 overflow-hidden rounded-sm shadow-raised-200">
<form ref={ref} onSubmit={onSubmit} className="flex w-full items-center gap-x-3 bg-surface-1 p-3">
<div className="m-1 overflow-hidden rounded-sm shadow-raised-200 bg-layer-2">
<form ref={ref} onSubmit={onSubmit} className="flex w-full items-center gap-x-3 p-3">
<div className="w-full">
<h4 className="text-11 font-medium leading-5 text-tertiary">{projectDetail?.identifier ?? "..."}</h4>
<input
@ -21,7 +21,7 @@ export const KanbanQuickAddIssueForm = observer(function KanbanQuickAddIssueForm
/>
</div>
</form>
<div className="px-3 py-2 text-11 italic text-secondary">
<div className="px-3 py-2 text-11 italic text-tertiary bg-layer-3">
{isEpic ? t("epic.add.press_enter") : t("issue.add.press_enter")}
</div>
</div>