thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

chore: applied filter ui improvement (#3918)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2024-03-11 21:01:59 +05:30 committed by GitHub
parent c8ab650008
commit 6c7ba3bc79
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/components/issues/issue-layouts/filters/applied-filters/filters-list.tsx
View File

@ -62,8 +62,8 @@ export const AppliedFiltersList: React.FC<Props> = observer((props) => {
key={filterKey}
className="flex flex-wrap items-center gap-2 rounded-md border border-custom-border-200 px-2 py-1 capitalize"
>
<span className="text-xs text-custom-text-300">{replaceUnderscoreIfSnakeCase(filterKey)}</span>
<div className="flex flex-wrap items-center gap-1">
<div className="flex flex-wrap items-center gap-1.5">
<span className="text-xs text-custom-text-300">{replaceUnderscoreIfSnakeCase(filterKey)}</span>
{membersFilters.includes(filterKey) && (
<AppliedMembersFilters
editable={isEditingAllowed}

2
web/components/issues/issue-layouts/filters/applied-filters/roots/archived-issue.tsx
View File

@ -68,7 +68,7 @@ export const ArchivedIssueAppliedFiltersRoot: React.FC = observer(() => {
if (Object.keys(appliedFilters).length === 0) return null;
return (
<div className="flex items-center justify-between p-4">
<div className="flex items-center justify-between p-4 gap-2.5">
<AppliedFiltersList
appliedFilters={appliedFilters}
handleClearAllFilters={handleClearAllFilters}

2
web/components/issues/issue-layouts/filters/applied-filters/roots/cycle-root.tsx
View File

@ -77,7 +77,7 @@ export const CycleAppliedFiltersRoot: React.FC = observer(() => {
if (Object.keys(appliedFilters).length === 0 || !workspaceSlug || !projectId) return null;
return (
<div className="flex items-center justify-between p-4">
<div className="flex items-center justify-between p-4 gap-2.5">
<AppliedFiltersList
appliedFilters={appliedFilters}
handleClearAllFilters={handleClearAllFilters}

2
web/components/issues/issue-layouts/filters/applied-filters/roots/draft-issue.tsx
View File

@ -63,7 +63,7 @@ export const DraftIssueAppliedFiltersRoot: React.FC = observer(() => {
if (Object.keys(appliedFilters).length === 0) return null;
return (
<div className="flex items-center justify-between p-4">
<div className="flex items-center justify-between p-4 gap-2.5">
<AppliedFiltersList
appliedFilters={appliedFilters}
handleClearAllFilters={handleClearAllFilters}

2
web/components/issues/issue-layouts/filters/applied-filters/roots/module-root.tsx
View File

@ -76,7 +76,7 @@ export const ModuleAppliedFiltersRoot: React.FC = observer(() => {
if (!workspaceSlug || !projectId || Object.keys(appliedFilters).length === 0) return null;
return (
<div className="flex items-center justify-between p-4">
<div className="flex items-center justify-between p-4 gap-2.5">
<AppliedFiltersList
appliedFilters={appliedFilters}
handleClearAllFilters={handleClearAllFilters}

2
web/components/issues/issue-layouts/filters/applied-filters/roots/project-root.tsx
View File

@ -68,7 +68,7 @@ export const ProjectAppliedFiltersRoot: React.FC = observer(() => {
if (Object.keys(appliedFilters).length === 0) return null;
return (
<div className="flex items-center justify-between p-4">
<div className="flex items-center justify-between p-4 gap-2.5">
<AppliedFiltersList
appliedFilters={appliedFilters}
handleClearAllFilters={handleClearAllFilters}