binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: page improvement (#797)

Browse source 
* feat: remove label icon added

* feat: block menu dropdown state added

* feat: page info icon added and  style: overflow title and label fix
This commit is contained in:
Anmol Singh Bhatia 2023-04-12 18:07:50 +05:30 • committed by GitHub
parent f2e8add29d
commit d6dbfdc731
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 84 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

8
apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
View file

@ -35,6 +35,7 @@ import {
PlusIcon,
StarIcon,
LinkIcon,
XMarkIcon,
} from "@heroicons/react/24/outline";
import { ColorPalletteIcon, ClipboardIcon } from "components/icons";
// helpers
@ -330,7 +331,11 @@ const SinglePage: NextPage = () => {
return (
<div
key={label.id}
className="group flex items-center gap-1 rounded-2xl border px-2 py-0.5 text-xs"
className="group flex items-center gap-1 cursor-pointer rounded-2xl border px-2 py-0.5 text-xs hover:border-red-500 hover:bg-red-50"
onClick={() => {
const updatedLabels = pageDetails.labels.filter((l) => l !== labelId);
partialUpdatePage({ labels_list: updatedLabels });
}}
style={{
backgroundColor: `${
label?.color && label.color !== "" ? label.color : "#000000"
@ -345,6 +350,7 @@ const SinglePage: NextPage = () => {
}}
/>
{label.name}
<XMarkIcon className="h-2.5 w-2.5 group-hover:text-red-500" />
</div>
);
})}