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

style: added theme in color picker (#1088)

Browse Source
This commit is contained in:
Dakshesh Jain 2023-05-19 19:46:09 +05:30 committed by GitHub
parent 2e4f936dfa
commit b1f26f322f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 28 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/app/components/core/board-view/single-board.tsx
View File

@ -99,7 +99,7 @@ export const SingleBoard: React.FC<Props> = ({
</div> </div>
</> </>
)} )}
<div className="overflow-y-auto pt-3"> <div className="pt-3">
{groupedByIssues?.[groupTitle].map((issue, index) => ( {groupedByIssues?.[groupTitle].map((issue, index) => (
<Draggable <Draggable
key={issue.id} key={issue.id}

27
apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
View File

@ -442,6 +442,33 @@ const SinglePage: NextPage = () => {
<Popover.Panel className="absolute top-full right-0 z-20 mt-1 max-w-xs px-2 sm:px-0"> <Popover.Panel className="absolute top-full right-0 z-20 mt-1 max-w-xs px-2 sm:px-0">
<TwitterPicker <TwitterPicker
color={pageDetails.color} color={pageDetails.color}
styles={{
default: {
card: {
backgroundColor: `rgba(var(--color-bg-surface-2))`,
},
triangle: {
position: "absolute",
borderColor:
"transparent transparent rgba(var(--color-bg-surface-2)) transparent",
},
input: {
border: "none",
height: "1.85rem",
fontSize: "0.875rem",
paddingLeft: "0.25rem",
color: `rgba(var(--color-text-secondary))`,
boxShadow: "none",
backgroundColor: `rgba(var(--color-bg-surface-1))`,
borderLeft: `1px solid rgba(var(--color-bg-surface-2))`,
},
hash: {
color: `rgba(var(--color-text-secondary))`,
boxShadow: "none",
backgroundColor: `rgba(var(--color-bg-surface-1))`,
},
},
}}
onChange={(val) => partialUpdatePage({ color: val.hex })} onChange={(val) => partialUpdatePage({ color: val.hex })}
/> />
</Popover.Panel> </Popover.Panel>