github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: sidebar dropdowns height (#616)

Browse Source 
* fix: old labels color set to black

* fix: issue details sidebar select dropdowns height
This commit is contained in:
Aaryan Khandelwal 2023-03-30 18:07:00 +05:30 committed by GitHub
parent 16abbe0b3e
commit 880813685b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/app/components/issues/sidebar-select/assignee.tsx
View File

@ -66,7 +66,7 @@ export const SidebarAssigneeSelect: React.FC<Props> = ({ value, onChange, userAu
label={
<div className="flex items-center gap-2 text-gray-500">
{value && value.length > 0 && Array.isArray(value) ? (
<div className="flex items-center justify-center gap-2">
<div className="flex items-center justify-center gap-2 -my-0.5">
<AssigneesList userIds={value} length={3} showLength={false} />
<span className="text-gray-500">{value.length} Assignees</span>
</div>

2
apps/app/components/ui/datepicker.tsx
View File

@ -38,7 +38,7 @@ export const CustomDatePicker: React.FC<Props> = ({
renderAs === "input"
? "block border-gray-300 bg-transparent px-3 py-2 text-sm focus:outline-none"
: renderAs === "button"
? `px-3 py-1.5 text-xs shadow-sm ${
? `px-3 py-1 text-xs shadow-sm ${
disabled ? "" : "hover:bg-gray-100"
} duration-300 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500`
: ""

7
apps/app/components/views/select-filters.tsx
View File

@ -159,7 +159,12 @@ export const SelectFilters: React.FC<Props> = ({
id: label.id,
label: (
<div className="flex items-center gap-2">
<div className="w-4 h-4 rounded-full" style={{ backgroundColor: label.color }} />
<div
className="w-2 h-2 rounded-full"
style={{
backgroundColor: label.color && label.color !== "" ? label.color : "#000000",
}}
/>
{label.name}
</div>
),